.vjs-button-icon-custom {
  cursor: pointer;
  > svg {
    transition: color 0.25s;
    color: rgba(37, 41, 47, 0.2);
    &:hover {
      color: rgba(37, 41, 47, 1);
    }
  }
}

.tcp-skin .vjs-control-bar {
  // transform: translateY(39px) !important;
  // background: rgb(0, 0, 0, 0.777) !important;
  background: rgba(37, 41, 47, 0.3) !important;
}

// 进度条颜色
.tcp-skin .vjs-play-progress {
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 !important;
}

.tcp-skin .vjs-progress-control {
  .vjs-load-progress > div {
    left: 0 !important;
  }

  .video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 !important;
    .video-js .vjs-slider {
      margin: 0 !important;
    }
  }
}

// 圆角
// .vjs-poster,
// .video-js {
//   border-radius: 10px !important;
//   video {
//     border-radius: 10px !important;
//   }
// }

// .video-js {
//   // box-shadow: 0 0 100px #c8c8c8 !important;
// }

// .vjs-control-bar {
//   border-radius: 0 0 10px 10px !important;
// }
