.lecture .abstract { border:1px solid #ddd; padding:5px 10px; margin-bottom:10px; }

.vod-play-wrap { margin-bottom:20px; position:relative; }
.vjs-text-track-display { display:none; }
/*.vjs-texttrack-settings { display:none; }*/
#video-track {  font-size:1.2em !important; background-color:#000 !important; padding:10px; min-height:100px; color:#fff !important; text-align:left !important; inset:0 !important;}
#video-track > div { color:#fff !important; }

.video-fullscreen .vjs-text-track-display { display:block !important; }
.video-fullscreen #video-track { display:none !important; }


.video-js .vjs-big-play-button { border-radius:20px; top: 50%; left: 50%; margin-top: -0.81666em; margin-left: -1.5em; }
.video-js video { border:none; }
.playlist ul { margin:0; padding:0; }
.playlist ul li {list-style:none; }

.vjs-playlist { overflow:auto; max-height:588px;}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
.vjs-playlist {max-height:512px;}
}



.vjs-playlist .vjs-playlist-item {
    height: 9em;
    padding: 0;
    outline: none;
}
.vjs-playlist .vjs-playlist-item .vjs-playlist-duration {
    top: 1em;
    left: 1.5em;
    border-radius: 0.5em;
    color: #fff);
    font-size: 13px;
    font-weight: bold;
    padding: 0.2em 0.8em;
    z-index:100;
}

.vjs-playlist .vjs-playlist-item.vjs-selected {
    background: transparent;
}


.vjs-playlist .vjs-playlist-now-playing-text {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 2px;
    margin: 0.8rem;
}

.vjs-playlist-vertical .vjs-playlist-item {
    margin: 0 0 10px 0;
}

.vjs-playlist .vjs-playlist-item picture {
    height: 100%;
}

.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-now-playing-text {
    background-color: rgb(0, 0, 0);
    border-radius: 0.5em;
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: bold;
    top: 1em;
    left: 1.5em;
    margin: 0px;
    padding: 0.2em 0.8em;
}

.vjs-playlist .vjs-playlist-item img {
    height: 100%;
    object-fit: cover;
}
.vjs-playlist .vjs-playlist-item .vjs-playlist-title-container {
    padding: 1em 1.2em;
}

.vjs-playlist .vjs-selected img {
    opacity: 1;
}

.vjs-playlist .vjs-up-next .vjs-up-next-text {
    display: none;
}

.countdown-wrap {
  display:none;
  position:absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
}
.countdown-inner {
  display:flex;
  width: 100px;
  height: 100px;
  justify-content: center;
  align-items: center;
  font-family: monospace;
  font-size:50px;
  font-weight:bold;
  color:#f00;
}

#counter.big {
  font-size: 500%;
  opacity: 0;
  transition: all linear 1s;
}

.vjs-playlist {
  background-color: #fff;
}


.video-js { border:1px solid #000; }
.vjs-playlist-thumbnail { position:relative;}
.vjs-playlist-thumbnail:after { content:''; z-index:100; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0, 0, 0, 0.5); }
.vjs-selected .vjs-playlist-thumbnail:after { background-color:rgba(64, 90, 200, 0.5); }
.vjs-playlist-thumbnail span,
.vjs-playlist-thumbnail div { position:relative; z-index:200;}

#lecture-title { background-color:#279ebc; color:#fff; font-size:1.5em; height:42px; padding:8px 0px; margin-bottom:0; text-align:center;}

@media (max-width: 750px) {
  .vjs-playlist .vjs-playlist-duration {
      display:block !important;
  }
}



@media (max-width: 1200px) {
  .vjs-playlist-vertical .vjs-playlist-item { margin-right:2%; }
  .vjs-playlist-vertical .vjs-playlist-item:nth-child(3n) { margin-right:0%; }
  .vjs-playlist-item-list li { display:inline-block; max-width:33.33%; width:32% }
}

@media (max-width: 992px) {
  .vjs-playlist {max-height:100%;}
  .vjs-playlist-vertical .vjs-playlist-item { margin-right:2%; }
  .vjs-playlist-vertical .vjs-playlist-item:nth-child(3n) { margin-right:2%; }
  .vjs-playlist-vertical .vjs-playlist-item:nth-child(2n) { margin-right:0%; }
  .vjs-playlist-item-list li { display:inline-block; max-width:49%; width:49%  }
}