CSS flyout on hover with delayed out

/* delay-in: 0s, delay-out: 5s */

.flyout{
    display: block;
    position: fixed;
    width: 200px;
    height: 90%;
    top:68px;
    left:-180px;
    -webkit-transition: all .4s 5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
       -moz-transition: all .4s 5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
            transition: all .4s 5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.flyout:hover{
    left:-80px;
    -webkit-transition: all .4s 0s cubic-bezier(0.175, 0.885, 0.320, 1.275);
       -moz-transition: all .4s 0s cubic-bezier(0.175, 0.885, 0.320, 1.275);
            transition: all .4s 0s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}