.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
  opacity: 0;
  pointer-events: none;
  width: 5px;
}

html,body,*{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.vjs-full-window .video-js {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1000000;
}

.video-js .vjs-control-bar {
  z-index: 5;
}

.video-js .vjs-control-bar .vjs-VR-control {
  cursor: pointer;
  width: 3.6rem;
}

.video-js .vjs-control:before {
  font-size: 2rem;
  color: #fff;
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control:before {
  font-size: 2.4rem;
}

.video-js .vjs-control-bar .vjs-VR-control.enable::before {
  color: #1caffc;
}

.video-js .vjs-control-bar .vjs-VR-control.enable::before {
  /* content: "\e901";  */
  color: #1caffc;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: none;
}

.video-js .vjs-control-bar {
  height: 4rem;
}

.video-js .vjs-control:before {
  line-height: 4rem;
}

.video-js .vjs-time-control {
  font-size: 1rem;
  line-height: 4rem;
}
.video-js .vjs-live-control {
  font-size: 1.2rem;
  padding-left: 10px;
  line-height: 4rem;
  color: red;
}

.pano-pc .vjs-button>.vjs-icon-placeholder:before {
	font-size: 2rem;
	line-height: 4rem;
}
.pano-pc .video-js .vjs-volume-bar {
    margin: 1.85rem .45em;
    height: .3rem;
}
.prism-player .vjs-slider-horizontal .vjs-volume-level:before,
.prism-player .video-js .vjs-play-progress:before,
.pano-pc .vjs-slider-horizontal .vjs-volume-level:before,
.pano-pc .video-js .vjs-play-progress:before {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.video-js.vjs-using-native-controls .vjs-poster,
.video-js.vjs-using-native-controls .vjs-big-play-button {
  display: block;
}

.video-js.vjs-panorama {
	display: block;
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.video-js.vjs-panorama .vjs-video-canvas {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateZ(0);
  -moz-transform: translateX(-50%) translateZ(0);
  -o-transform: translateX(-50%) translateZ(0);
  transform: translateX(-50%) translateZ(0);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background: #000;
  cursor: pointer;
}

.video-js.vjs-panorama .vjs-video-notice-label {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.3em;
  font-size: 1vw;
  padding: 0.5em 1em;
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  pointer-events: none;
}

.video-js.vjs-panorama .vjs-video-notice-label.vjs-video-notice-fadeOut {
  opacity: 0;
}

.video-js.vjs-panorama #webgl-error-message {
  position: relative;
  font-family: monospace;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  color: black;
  padding: 1.5em;
  width: 400px;
  margin: 5em auto 0px;
  background: white;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.video-js.vjs-panorama #webgl-error-message.vjs-video-notice-fadeOut {
  opacity: 0;
}

.video-js.vjs-panorama .vjs-loading-spinner {
  z-index: 10;
}

.video-js.vjs-panorama.vjs-panorama-mobile-inline-video.vjs-seeking .vjs-loading-spinner {
  display: none !important;
}

.vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after {
    display: none !important;
}

.vjs-loading-spinner {
	border: none !important;
}

.vjs-loading-spinner .vjs-control-text{
	display: block;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	margin: auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 5px solid rgba(255, 255, 255, 0.2);
	border-right: 5px solid rgba(255, 255, 255, 0.2);
	border-bottom: 5px solid rgba(255, 255, 255, 0.2);
	border-left: 5px solid #ffffff;
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

.video-js .vjs-slider:focus {
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

body.vjs-full-window .video-js .vjs-control.vjs-fullscreen-control:before {
  content: '\f109';
}

/*暂停显示大播放按钮*/
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
  display: block;
}

/* 隐藏音量控制 */
.isMobile.video-js .vjs-volume-menu-button,
.isMobile.video-js .vjs-volume-panel {
  display: none;
}

/* 大按钮改成圆圈 */
.video-js .vjs-big-play-button {
    font-size: 50px;
    line-height: 76px;
    height: 80px;
    width: 80px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color: rgba(0,0,0, .3);
    border-width: 2px;
    border-color: rgba(255,255,255, .5);
    margin: 0;
    transform: translate(-50%,-50%);
}

/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
  font-size: 1.63em;
}

/* 加载圆圈 */
.vjs-loading-spinner {
  font-size: 2.5em;
  width: 2em;
  height: 2em;
  border-radius: 1em;
  margin-top: -1em;
}

/*显示当前时间和总时间*/
.video-js .vjs-time-control {
  display: block;
}
/* 隐藏剩余时间 */
.video-js .vjs-remaining-time {
  display: none;
}

/* 时间 */
.video-js .vjs-time-control {
  padding-left: 2px;
  padding-right: 2px;
  min-width: 0;
  text-align: center;
}

.video-js .vjs-duration.vjs-time-control {
  padding-right: 5px;
}

.video-js .vjs-time-control.vjs-time-divider {
  padding: 0;
  min-width: 0;
}
.vjs-captions-button,
.vjs-subtitles-button,
.vjs-chapters-button,
.vjs-playback-rate,
.vjs-menu-button{
  display: none !important;
}
/* 隐藏video */
.isMobile.video-js .vjs-tech {
  display: none;
}

/* 修复移动端显示悬浮时间 */
.isMobile.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 10px;
}

.isMobile.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.isMobile.video-js .vjs-progress-control:hover .vjs-play-progress:after {
  display: none;
}

.isMobile.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: none;
}

.isMobile.video-js .vjs-slider {
  margin: 0 4px 0 4px;
}

.isMobile.video-js .vjs-poster {
	background-size: cover;
}

.isMobile.video-js .vjs-control-bar {
	display: none;
}

.video-js.vjs-panorama.vjs-panorama-mobile-inline-video-buffering .vjs-loading-spinner {
  display: none !important;
}

.video-js.vjs-panorama.vjs-panorama-mobile-inline-video.vjs-seeking .vjs-loading-spinner {
  display: block !important;
}

#videojs-panorama-player.video-js.vjs-panorama .vjs-video-notice-label {
  animation: imgmove 2s;
  -webkit-animation: imgmove 2s;
}

.vjs-video-notice-label .beginLayerImg {
  width: 25vw;
  background-size: 25vw;
  background-position: center top;
  height: 25vw;
}

.vjs-video-notice-label .beginLayerImg.pc {
  width: 145px;
  height: 145px;
  background-size: 145px;
}

@keyframes imgmove {
  0% {
    left: 50%;
  }

  20% {
    left: 50%;
  }

  35% {
    left: 30%;
  }

  45% {
    left: 30%;
  }

  75% {
    left: 70%;
  }

  85% {
    left: 70%;
  }

  100% {
    left: 50%;
  }
}

@keyframes load8 {
	0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	}
	100% {
	    -webkit-transform: rotate(360deg);
	    transform: rotate(360deg);
	}
}