.tem05-video-detail{background:rgba(0,0,0,0.8);} .tem05-video-detail-ms{padding:120px 0 50px;} .tem05-video-detail-ms .col-md-9, .tem05-video-detail-ms .col-md-3{padding:0;} /*鎺у埗鎻掍欢灏忓浘鐗囩殑鏍峰紡*/ .tem05-video-detail-ms .carousel-inner{width:75%;min-height:600px;margin-bottom:0;} .tem05-video-detail-ms .video-desc-box{width:100%;padding:20px 15px;background:rgba(0,0,0,0.1);border-top:1px solid rgba(255,255,255,0.08);} .tem05-video-detail-ms .video-desc-box h1.title, .tem05-video-detail-ms .video-desc-box .h1.title{font-size:22px;color:#eee;margin:10px 0 15px;line-height:30px;} .tem05-video-detail-ms .video-desc-box .text{line-height:20px;overflow:auto;font-size:12px;color:#999;} .tem05-video-detail-ms .carousel-inner .video-box{width:100%;min-height:600px;background:rgba(0,0,0,0.95);} .tem05-video-detail-ms .carousel-inner .video-box video{width:100%;height:100%;position:absolute;} .tem05-video-detail-ms .carousel-inner .video-box .vjs-big-play-button span{line-height: 66px;} .tem05-video-detail-ms .video-desc-box .video-share{padding:15px 0 0;border-top:1px solid rgba(255,255,255,0.08);margin-top:15px;} .tem05-video-detail-ms .video-desc-box .video-share .share-font{font-size:12px;color:#999;float:left;line-height:35px;} .tem05-video-detail-ms .video-desc-box .video-share .share-icon{padding-left:10px;float:left;} .tem05-video-detail-ms .carousel-inner > .item > img{max-width:1920px;width:100%;height:600px;} .tem05-video-detail-ms .carousel-indicators{background:rgba(0,0,0,0.3);width:100%;min-height:600px;max-height:600px;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;left:0;margin-left:0;bottom:0;text-align:left;margin-bottom:0;} .tem05-video-detail-ms .carousel-indicators li{text-indent:inherit;width:100%;height:85px;padding:10px 8px;border:none;border-radius:0;margin:0;opacity:0.7;display:block;border-bottom:1px solid rgba(255,255,255,0.1);position:relative;z-index:1;} .tem05-video-detail-ms .carousel-indicators li.active{opacity:1;margin:0;border:none;color:#eee;background:rgba(255,255,255,0.2);} .tem05-video-detail-ms .carousel-indicators li:hover{background:rgba(255,255,255,0.06);} .tem05-video-detail-ms .carousel-indicators li.active:hover{opacity:1;background:none;color:#fff;} .tem05-video-detail-ms .carousel-indicators li img{width:100%;height:100%;display:block;} .tem05-video-detail-ms .carousel-indicators li .text{font-size:12px;height:65px;line-height:22px;overflow:hidden;padding:0 0 0 10px;display:inline-block;text-align:left;} .tem05-video-detail-ms .carousel-indicators li .video-xs-img{overflow:hidden;height:65px;} .tem05-video-detail-ms .col-xs-5, .tem05-video-detail-ms .col-xs-7{padding:0;} .tem05-video-detail-ms .videocur{width:100%;float:none;} .tem05-video-detail-ms .videolist{position:absolute;top:0;right:0;} @media(max-width:980px){ .tem05-video-detail-ms .videolist{position:static;} .tem05-video-detail-ms .carousel-inner{width:100%;height:auto;margin-bottom:5px;} .tem05-video-detail-ms .carousel-inner > .item > img{width:100%;height:auto;} } @media(max-width:767px){ .tem05-video-detail-ms .col-xs-5, .tem05-video-detail-ms .col-xs-7{width:100%;} .tem05-video-detail-ms .carousel-indicators{width:100%;overflow-x:hidden;overflow-y:auto;height:auto;min-height:0;max-height:145px;} .tem05-video-detail-ms .carousel-inner, .tem05-video-detail-ms .carousel-inner .video-box{min-height:0;} .tem05-video-detail-ms .carousel-inner .video-box video{position:relative;z-index:1;} .tem05-video-detail-ms .carousel-indicators li{width:25%;float:left;} } @media(max-width:480px){ .tem05-video-detail-ms .carousel-indicators li{width:50%;height:100px;} .tem05-video-detail-ms .carousel-indicators li.active{height:100px;} .tem05-video-detail-ms .carousel-indicators li .text{height:22px;} .tem05-video-detail-ms iframe{height:auto!important;} }