.video {
  
overflow: hidden;
  
position:relative;
  
margin-top: 40px;
}
.innervideo{
    
    transition: 0.5s ease all;
}
.innervideonone{transform: translatex(-110%) !important;}
.videobox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: 0.5s ease all;
    transform: translatex(110%);
}
.videoboxblock{transform: translatex(0%);z-index: 9;}
.inactive{transition: 1s ease-in-out 1.1s;
    transform: translateY(100%);}

.active .innervideo  {
    transform: translatex(0%);
    transition-delay: 0s;
}



.video_title img{display:block;margin:0 auto;transition: 1s ease-in-out 0.5s all;transform: translateY(-110%);}
.active .video_title span{transform: translateY(0%);}
.active .video_title img{transform: translateY(0%);}
.video_title>div {overflow:hidden;}