﻿.video-js{position:absolute !important;top:0;user-select: none;}

/*控制条样式调整*/
.video-js .vjs-control-bar{height:4em;background-color:#01215E;background:rgba(1,33,94,0.9)}
/*.vjs-button > .vjs-icon-placeholder:before{font-size:2em;line-height:2.2em;}*/
.video-js .vjs-time-control{font-size:1.4em;line-height:3.2em;}
/* .vjs-playback-rate .vjs-playback-rate-value{line-height:4em;} */
.vjs-menu-button-popup .vjs-menu .vjs-menu-content{bottom:2.5em;}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
 font-size: 3em; }
 .video-js .vjs-play-progress:before{display:none;} 
/* .video-js .vjs-play-progress:before{display:none;width:1px;height:1px;overflow:hidden;} */
.video-js .vjs-time-tooltip{top:-2.2em;}
.video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip{font-size:0.5em;}
.video-js .vjs-play-progress{background:#EB6D00;}
.video-js .vjs-volume-level{background:#EB6D00;}
.video-js .vjs-subs-caps-button{cursor:pointer;}
.video-js .vjs-slider{background:rgba(255,255,255,0.5);}
.video-js .vjs-load-progress div{background:rgba(255,255,255,0.7);}
/* .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before{color:#EB6D00} */
/* .video-js .vjs-big-play-button{border-color:#2A779E; background-color: #fff;background-color: rgba(255, 255, 255, 0.3)} */
/* .video-js:hover .vjs-big-play-button:hover{border-color:#EB6D00; background-color: #fff;background-color: rgba(255, 255, 255, 0.3)}
.video-js:hover .vjs-big-play-button{border-color:#2A779E;  background-color: #fff;background-color: rgba(255, 255, 255, 0.3);}
.video-js:hover .vjs-big-play-button:focus{border-color:#EB6D00} */
.vjs-mouse-display .vjs-time-tooltip,.video-js .vjs-time-tooltip{color:#EB6D00;background:rgba(1,33,94,0.7)}
.video-js .vjs-current-time-display{color:#EB6D00}
.vjs-slider-vertical .vjs-volume-level:before{left:-0.5em;}
.video-js .vjs-volume-panel{position:absolute;right:3em;}
.video-js div.vjs-subs-caps-button{right:7em;}
/* div.vjs-playback-rate{right:9em;} */
.video-js .vjs-play-control{margin-right:2em;}
.video-js .vjs-volume-bar #pvalue{width: auto;height: 2em; position: absolute; top: -2em;left: -0.75em;font-style: normal; font-size: 1em;color: #EB6D00;font-weight: bold; text-align: center;}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:10em !important;transition:  height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s}
.video-js .vjs-volume-vertical{bottom:10em;}
.vjs-volume-bar.vjs-slider-vertical{margin-top:3em;}

/*http://p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1546583592748817/logo31.png*/
/*.myPlayer{margin:0 auto; text-align:center;position:relative; background:url("https://rcrires.dlqfch.com/player/common/h5/img/cri_html5player_loading.gif") 50% 50% no-repeat #000;background-size:20%;overflow:hidden}*/
.vjs-big-play-button{display:none;}
 .vjs-paused .vjs-big-play-button{display:block}
 .vjs-matrix.video-js .vjs-big-play-button{
   font-size: 2.5em;
   line-height:2.3em;
   height: 2.5em;
   width: 2.5em;
   -webkit-border-radius: 2.5em;
   -moz-border-radius: 2.5em;
   border-radius: 2.5em;
   -moz-line-height:2.5em !important;
  /* background-color: #73859f;
   background-color: rgba(115,133,159,.5);*/
   border-width: 0.15em;
  left:1.6em;

}
/* .vjs-matrix.video-js.vjs-has-started .vjs-big-play-button{
   bottom:3.25em !important; 
} */
.vjs-matrix.video-js .vjs-big-play-button.vjs-replay{
top:50%;
left:50%;
margin-top:-1.75em;
margin-left:-1.75em;
transition:none;	
 
}

/* 中间的播放箭头 */
.vjs-matrix .vjs-big-play-button .vjs-icon-placeholder {
   font-size: 1.63em;
}
/* 加载圆圈 */
.vjs-loading-spinner{
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  margin: auto;
}
.vjs-matrix .vjs-loading-spinner {
   font-size: 2.5em;
   width: 2em;
   height: 2em;
   border-radius: 1em;
   /* margin-top: -1em;
   margin-left: -1.5em; */
 border-color:#378DBC;
}
*{outline:none;}
.vjs-matrix .video-js.vjs-playing .vjs-tech {
   pointer-events: auto;
}
.vjs-matrix.video-js .vjs-time-control{display:block;}
.vjs-matrix.video-js .vjs-remaining-time{display: none;}
.vjs-matrix.video-js .vjs-time-control{text-align:center;padding-left:0;padding-right:0;}
.vjs-matrix .vjs-slider-horizontal .vjs-volume-level:before{top:-0.35em;}
.vjs-matrix.video-js .vjs-progress-holder{height:0.2em;}
.vjs-matrix.video-js .vjs-progress-control .vjs-progress-holder{margin:0}
.vjs-matrix.video-js .vjs-progress-control{flex:none;width:100%;top:-25%;position:absolute;height:50%;left:0;}
.vjs-matrix .vjs-fullscreen-control{width: 4em;float: right; height: 100%;display: block; position: absolute;right: 0;}
.vjs-martix.video-js .vjs-time-tooltip{display:none}
.vjs-martix.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{padding-right:2em;}
.vjs-martix .vjs-menu-button-popup .vjs-menu .vjs-menu-content{}
.vjs-martix .vjs-menu-button-popup .vjs-menu{width:5em !important; left:-2.5em !important}
.vjs-menu li{font-size: 1.4em;}
.vjs-martix .vjs-menu li{height:2em !important;}
.vjs-matrix .vjs-poster{background-size:cover !important;background-position:center center!important;}
.playerror{width: 100%;height: 100%;background: #000;color: #fff; text-align: center;display: flex;justify-content: center;align-items: center;font-size:1.5em;}
/*重新播放*/
.video-js .vjs-replay .vjs-icon-placeholder:before{content:"\f116";}



/*广告样式*/
.myPlayer.fullscreen{
	width:100% !important;height:100% !important;position:absolute;z-index:99999;top:0;left:0;
	
}
.adsfullScreenBtn{right:0px; cursor:pointer;}
.h5-ext-layer{width:100%;height:100%;position:relative;left:0;top:0;}
.ads{ background:url("https://rcrires.dlqfch.com/player/common/h5/img/cri_html5player_loading.gif") 50% 50% no-repeat #000;background-size:20%;}
  .ads .adslink{width:100%;height:100%;cursor:pointer;position:absolute;z-index:99;left:0;top:0;}
  .ads .adslink a{width:100%;height:100%;cursor:pointer;position:absolute;z-index:100;left:0;top:0;}
  .ads{position:relative;width:100%;height:100%;overflow:hidden}
  .ads video{width:100%;height:100%;position:absolute;z-index:98;left:0;top:0;object-fit:cover !important;background-color:#000;  background:url("https://rcrires.dlqfch.com/player/common/h5/img/cri_html5player_loading.gif") 50% 50% no-repeat #000;background-size:20%;}
  .ads .tbox{width:100%;height:2em;position:absolute;top:0;z-index:99;text-align:right; display:none;}
  .ads .tbox.show{display:block}
  .ads .tbox .second{color:#fff; position: relative; display: inline-block; height: 28px; line-height: 28px; margin: 5px 10px; padding: 0 12px; text-align: center; vertical-align: top;font-size: 14px; color: #fff;background: rgba(0,0,0,0.6);border-radius: 14px;}
  .ads .tbox .second em{font-style:normal;color:#ff5240}
  .ads .adstxt{width:100%;height:2em;position:absolute;bottom:10px;z-index:99;text-align:left;display:none;}
.ads .adstxt.show{display:block}
  .ads .adstxt span{color:#fff; position:absolute; display: inline-block;height: 28px;line-height: 28px; margin: 0px 10px;padding: 0 12px;text-align: center; vertical-align: top; font-size: 14px;color: #fff; background: rgba(0,0,0,0.6); border-radius: 14px;}
  .ads .adstxt span.mute,.ads .adstxt span.voice{font-family: VideoJS;font-size:1.7em; color: #fff;font-weight: normal;font-style: normal;margin-left:80px; padding:0 4px; cursor:pointer;}
  .ads .adstxt span.mute:before{ content: "\f104";}
  .ads .adstxt span.voice:before{ content: "\f107";}
  .adsimg{ position:absolute; left:50%;width:320px;height:250px;top:50%;margin-left:-160px;margin-top:-125px;z-index:999;}
  .adsimg img{width:100%;}
  .adsimg .adstag{  position:absolute;bottom:0;left:0;  display: inline-block;height: 28px; line-height: 28px; margin: 5px 10px; padding: 0 12px; text-align: center;font-size: 14px;color: #fff; background: #000; background: rgba(0,0,0,0.6); border-radius: 14px;}
  .adsimg .adsclose{ position: absolute;right: 5px; top: 5px; z-index: 1000; width: 28px;height: 28px; background: transparent url(https://r1.ykimg.com/material/0A03/h5sdk/assets/button_close_type2.png) no-repeat center; background-size: 100% 100%; cursor: pointer;}
  .adsposter{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;z-index:101;}
  .adplaybtn{font-size: 2.5em;  line-height: 2.3em; height: 1.5em; width: 1.5em;-webkit-border-radius: 1.5em;-moz-border-radius:1.5em;border-radius: 1.5em; bottom: 40px !important; left: 40px;z-index:102; position: absolute;cursor:pointer;border:0.066666em solid #2A779E;background:rgba(43, 51, 63, 0.7);}
  .adplaybtn:hover{border-color:#EB6D00}
  .adplaybtn:before { content: "\f101";color: #EB6D00;font-family: VideoJS; font-weight: normal;font-style: normal;  position: absolute;top: 0; left: 0;width: 100%; height: 100%;text-align:center;line-height:1.5em;-ms-line-height:1.6em !important;
}
/*maerker*/
.vjs-marker {
 position: absolute;
 left: 0;
 opacity: 1;
 height: 0.2em;
 width:0.2em;
 transition: opacity .2s ease;
 -webkit-transition: opacity .2s ease;
 -moz-transition: opacity .2s ease;
 z-index: 101;
}
.vjs-progress-control:hover .vjs-marker {
 cursor: pointer;
 -webkit-transform: scale(3, 3);
 -moz-transform:scale(3, 3);
 -o-transform:scale(3, 3);
 -ms-transform: scale(3, 3);
 transform:scale(3, 3);
 border:0;
}
.vjs-tip {
 visibility: hidden;
 display: block;
 opacity: 0.8;
 padding: 5px;
 font-size: 10px;
 position: absolute;
 bottom: 14px;
 z-index: 100000;
}
.vjs-tip .vjs-tip-arrow {
 background: url(data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==) no-repeat top left;
 opacity:0.8;
 bottom: 0;
 left: 50%;
 margin-left:0;
 background-position: bottom left;
 position: absolute;
 width: 9px;
 height: 5px;
}
.vjs-tip .vjs-tip-inner {
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 padding:10px;
 background:rgba(43, 51, 63, 0.9);
 color: white;
 max-width: 180px;
 height:60px;
 line-height:150%;
 text-align: center;
 color:#c7d4ed;
 border:1px solid #01215e;
}
.vjs-break-overlay {
 visibility: hidden;
 position: absolute;
 z-index: 100000;
 top: 0;
}
.vjs-break-overlay .vjs-break-overlay-text {
 padding: 9px;
 text-align: center;
}
/*解决 firefox播放按钮不居中问题*/
@-moz-document url-prefix() {
  .vjs-matrix.video-js .vjs-big-play-button{line-height: 2.5em}
  .adplaybtn::before{line-height: 1.6em}
}
/*历史时间浮层*/
/* .cntv-tip-stream{position:absolute;bottom: 4.1em;cursor: default;z-index: 10002;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:0;-webkit-flex:none;flex:none;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:21.25em;height:2.38em;padding-left:1.25em;background-image:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.9) 45%,rgba(0,0,0,.16) 90%,transparent);} */
.cntv-tip-stream{position:absolute;bottom: 4.2em;cursor: default;z-index: 10002;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:0;-webkit-flex:none;flex:none;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:2.38em;padding-left:1.25em;background:rgba(0,0,0,0.5)  }
.cntv-tip-stream_replay{
    margin-left: 0.7em;
    cursor: pointer;
    color:#fff;
}
a.cntv-tip-stream_replay{
  color:#EB6D00;
  text-decoration: none;
}

.cntv-tip-stream_close{position:relative;display:inline-block;height:100%;vertical-align:top;color:#fff;cursor:pointer;margin:0 0.7em;top:-0.5em}
.cntv-tip-stream_close:hover{color:#EB6D00}
.cntv-tip-stream_close:before{content:'';position:absolute;left:0;width:1em;height:1em;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBhdGggIGZpbGw9IiNmZmYiIGQ9Ik0xMC41LDEwTDEwLDEwLjVsLTQtNGwtNCw0TDEuNSwxMGw0LTRsLTQtNEwyLDEuNWw0LDRsNC00TDEwLjUsMmwtNCw0QzYuNSw2LDEwLjUsMTAsMTAuNSwxMHoiIC8+PC9zdmc+) center center no-repeat}
.cntv-tip-stream_close:hover:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBhdGggIGZpbGw9IiNGRjc4MDAiIGQ9Ik0xMC41LDEwTDEwLDEwLjVsLTQtNGwtNCw0TDEuNSwxMGw0LTRsLTQtNEwyLDEuNWw0LDRsNC00TDEwLjUsMmwtNCw0QzYuNSw2LDEwLjUsMTAsMTAuNSwxMHoiIC8+PC9zdmc+) center center no-repeat}

/*修改uc浏览器下出现耳机图标的bug*/
.vjs-audio-button{
  display: none!important;
}
/*修改 清晰度 码率触发区域较大的bug*/
.video-js div.vjs-volume-panel.vjs-control,div.vjs-matrix .vjs-fullscreen-control{
  width:2em;
  margin: 0 1em;
  
}
.video-js div.vjs-volume-panel.vjs-control .vjs-mute-control{
  width:2em;
}
div.vjs-subs-caps-button.vjs-control{
  /* height:auto; */
/*  margin-top: 1.4em;
  height: 1.2em; */
}

div.vjs-menu-button-popup.vjs-subs-caps-button .vjs-menu{
  padding-bottom:2.7em;
}
div.vjs-subs-caps-button.vjs-control button{

  width: auto;
}
div.vjs-playback-rate.vjs-menu-button-popup .vjs-menu .vjs-menu-content,div.vjs-subs-caps-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content{
  bottom: 1em;
  position:static;
}
.vjs-menu-button-popup .vjs-menu{
  padding-bottom:2.5em;
  height: auto;
  margin-bottom: 1.6em;

}
div.vjs-playback-rate{
  right:5em;
}
div.vjs-playback-rate.vjs-control,div.vjs-volume-panel.vjs-control,.vjs-matrix button.vjs-fullscreen-control.vjs-control{
  /* height: 12px; */
  /* height: 0.9em; */
/* margin-top: 1.5em!important; */
}

div.vjs-playback-rate.vjs-control .vjs-playback-rate-value{
  /* line-height: 0.9em; */
  font-size: 1.4em;
}

div.vjs-volume-panel.vjs-control .vjs-button > .vjs-icon-placeholder:before,button.vjs-fullscreen-control.vjs-control> .vjs-icon-placeholder:before{
  /* line-height: 0;
  margin-top: 0.3em; */
  
}
/* .video-js .vjs-volume-panel .vjs-volume-vertical{
  bottom: 11.5em;
} */
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical{
  left:-2.5em
}

/*修改控制条的字体大小*/
.video-js .vjs-subs-caps-button span{
  font-size: 1.4em;
  /* line-height: 0.9em; */
}
/*极速 4k同时存在时高度*/
.vjs-menu-button-popup .vjs-menu .vjs-menu-content{
      max-height:inherit;
}
/*音量等于100时往左侧移动*/
.space1a{
  left:-1.15em!important;
}
/*解决720p和1080p小写的问题*/
#rate-menu li{
  text-transform : uppercase
}
/*解决safari下的自动点击后出现的多余元素*/
.vjs-subs-caps-button[title="Subtitles"]{
  display:none;
}
/*倍速浮上鼠标后显示title*/
.vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value,div.vjs-subs-caps-button.vjs-control button{
  z-index: 1;
  /* height:5em; */
}
/*鼠标浮上进度条时，去掉当前播放时间*/
.video-js .vjs-progress-control:hover .vjs-slider-bar .vjs-time-tooltip{
  display: none;
}
.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover{
  color:rgb(255, 106, 106);
}

.video-js .vjs-subs-caps-button span{
	line-height:3.1em;
}
/* 移动 点击显示图标 */
.vjs-menu-button-popup.active .vjs-menu{
	display: block;
}
/* pc 隐藏点击图标 hover显示 */
.vjs-workinghover .vjs-menu-button-popup.active .vjs-menu{
	display:none;
}
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu{
	display: block;
}
/*微调倍速样式*/
/* .vjs-button>.vjs-icon-placeholder:before{
  line-height: 2.1em!important;
} */
/* .vjs-playback-rate .vjs-playback-rate-value{
  width:auto;
} */
/* div.vjs-playback-rate{
  margin:0 1em 0 1em !important;
} */