.bg-theme8{background:rgba(101,48,125,.8);}
.bgstreak{background-position:right top;}
/*video button*/
.watch-video{width:255px;height:65px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;margin-top:10px}
.play-btn{width:65px;height:100%;border-radius:0}
.watch-video .video-txt{height:100%;-webkit-box-flex:1;-ms-flex:auto 1 1;flex:auto 1 1;background-color:#fff;color:#3c3b3b;font-weight:400;font-size:15px;line-height:1.5;position:relative;padding:12px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.video-inner-txt{color:#000;font-weight:500}
.on-btn-hover{position:absolute;opacity:0;left:0;right:0;top:0;bottom:0;visibility:hidden;-webkit-transition:.6s ease;-webkit-transition:.3s ease;transition:.3s ease;line-height:1.6;-webkit-transform:translateY(20%);transform:translateY(20%);z-index:99;padding:12px 20px}
.watch-video:hover .on-btn-hover{opacity:1;visibility:visible;-webkit-transform:translateY(0%);transform:translateY(0%)}
.video-txt::before,.play-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background-color:#f6f5f5;-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;z-index:9}
.play-btn::before{background-color:rgba(255,255,255,.1)}
.play-btn::after{position:absolute;content:"";border:0;background:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;border-color:transparent transparent transparent #fff;-webkit-transition:100ms all ease;transition:100ms all ease;cursor:pointer;border-style:solid;border-width:12px 0 12px 20px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-left:3px}
.watch-video:hover .video-txt::before,.watch-video:hover .play-btn::before{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.default-info{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}
.watch-video:hover .video-txt .span{display:none}
.video-txt span{line-height:1.6}
.watch-video:hover .default-info{-webkit-transform:translateY(-120%);transform:translateY(-120%);opacity:0}
