/*首页视频展示*/
.product_top{overflow:hidden;height:100%;margin-top:20px;}
.product_top_l{width:50%;float:left;height:100%;padding-right:0.5%;box-sizing:border-box;}
.product_top_r{width:50%;float:right;height:100%;padding-left:0.5%;box-sizing:border-box;}
.product_top .product_top_l .vsp{background:#b84242;border:10px solid #b84242;}
.video_b_in{position:relative;overflow:hidden;background:#000;box-sizing:border-box;padding:10px;}
.video_ls{float: left;overflow: hidden;position: relative;}
#vids{display: block;width: 100%;height: 100%;object-fit: fill;}
.title_top{position: absolute;top: -26px;left:5%;width: 80%;height: 28px;line-height: 28px;font-size: 16px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition: .5s;transition-delay: .3s;opacity: 0;text-align:left;}
#pass{transition: all 0.3s;width: 70px;height: 70px;overflow: hidden;position: absolute;top: 50%;left: 50%;opacity: 0;margin-left: -35px;margin-top: -35px;cursor: pointer;}
#pass img {display: block;width: 70px;height: 70px;}
.controls{width: 90%;height: 60px;position: absolute;bottom: 0;left: 5%;transition: all 0.3s;opacity: 0;}
#pBar{width: 100%;height: 20px;overflow: hidden;position: relative;}
.pBar_bj{width:100%;height:4px;background:#686868;border-radius:3px;margin-top:7px;position:relative;}
#buff{height: 4px;border-radius: 3px 0 0 3px;background: #959595;position: absolute;top: 0;left: 0;}
#pBar_move{height: 4px;border-radius: 3px 0 0 3px;background: #fff;position: absolute;top: 0;left: 0;cursor: pointer;}
#pBtn{width:10px;height:10px;border-radius:5px;position: absolute;background:#fff;top:-3.5px;right:-10px;cursor: pointer;}
.trol_list{width: 100%;height: 24px;line-height: 24px;margin-top: 10px;overflow: hidden;}
.list_1{float: left;height: 24px;overflow: hidden;display: none;}
.list_1 i{cursor: pointer;color: #fff;font-size: 20px;}
#ztbf{margin-left: 30px;margin-right: 30px;}
.voice{float: left;height: 24px;overflow: hidden;}
.voice i{cursor: pointer;color: #fff;font-size: 20px;margin-right: 20px;}
.voicep{width: 154px;height: 24px;float: left;overflow: hidden;position: relative;}
#vBar{width: 154px;height: 4px;background: #686868;border-radius: 3px;margin-top: 9px;position: relative;}
#vBar_in{width:60px;height: 4px;background: #fff;position: absolute;top: 0;left: 0;}
#vBtn{width:10px;height:10px;border-radius:5px;background: #fff;position: absolute;top:6px;left:60px;}
.vtime{float: right;margin-right:0px;height: 24px;line-height: 24px;font-size: 16px;color: #939393;}
.vtime font{color: #fff;}
.vtime em{font-style: normal;}

#qp{font-size: 20px;color: #fff;float: right;cursor: pointer;}
.video_rs{background: #1a1a1a;float: left;position:relative;width:20%;}
.video_rs_t{width: 100%;border-bottom: 1px solid #252525;position: relative;line-height:45px;font-size: 12px;color:#4d4d4d;text-align: center;}
.video_rs_t span{float:left;font-size:16px;margin-left:25px;color:#fff;}
.sp_t,.sp_b{background: #000;cursor: pointer;position: relative;z-index: 11;height: 20px;width: 100%;}
.sp_t img, .sp_b img {width: 20px;height: 11px;position: absolute;top: 50%;left: 50%;margin: -10px 0 0 -10px;z-index: 11;transform: rotate(0deg);padding-top: 4.5px;}
.video_rs_b{overflow-x: hidden;overflow-y: scroll;}
.one_tb{overflow:hidden;cursor:pointer;width:100%;border-bottom:1px solid #252525;display:inline-block;}
.one_tb_l{width: 25px;text-align: center;float: left;color: #fff;font-size: 12px;float: left;overflow: hidden;height: 96px;display:block;}
.one_tb_c{color: #fff;font-size: 12px;position: relative;width:100%;height: 44px;margin:0px auto;cursor: pointer;padding:5px;box-sizing:border-box;}
.product_top_r img {overflow: hidden;object-fit: cover;}
.one_tb_r{margin:5px 0;}
.one_tb_r h3{font-size: 13px;color: #aaa;font-weight: 100;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;}

.one_tb_r1{right:0 !important;}
.sp_bt1{right:20% !important;background-position:center right !important;}
.btb1{right:16%;}
.product_txt{overflow:auto;overflow-x:hidden;font-size:14px;text-align:left;color:#fff;letter-spacing:3px;padding:5px;}

.video_rs_b::-webkit-scrollbar {width: 4px;height: 4px;}
.video_rs_b::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(241,241,241,0.2);background: rgba(241,241,241,0.2);}
.video_rs_b::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);border-radius: 0;background: rgba(255,255,255,0.1);}


.video_ls:hover .title_top{top: 10px;opacity:1;}
.video_ls:hover #pass{opacity:1;}
.video_ls:hover .controls{opacity:1;}
@media screen and (min-width: 1200px){
.sp_bt,.btb{display: none;}
.video_ls{width: 80%;}
}
@media screen and (max-width: 1200px){
.sp_bt {-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;display: block;position: absolute;top: 50%;margin-top: -25px;right: 0;z-index: 10;cursor: pointer;background: url(../images/fx.png);width: 25px;height: 50px;background-position: center left;}
.btb {display: block;width: 50px;height: 50px;position: absolute;right: -25px;top: 50%;margin-top: -25px;z-index: 5;background: #1a1a1a;border-radius: 25px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.video_ls{width: 100%;}
.video_rs{position:absolute;right:-20%;top:10px;z-index:11;transition:all 0.4s;}
.one_tb_c img{width:100%;}
.video_rs_t span{font-size:14px;color:#fff;text-align:center;margin-left:0;float:none;}
}
@media screen and (max-width:720px) {
.video_rs{position:relative;left:0;top:0;width:100%}
.video_rs_t,.sp_bt,.btb{display:none;}
.one_tb{width:auto !important;}
.video_rs_b{overflow-y: hidden;overflow-x: scroll;padding-top:10px;white-space: nowrap;text-align:left;}
.sp_t,.sp_b{display:none;}
.one_tb_r{text-align:center;line-height:24px;}

}