/* a wrapper element that tracks the mouse vertically */
.vjs-thumbnail-holder {
  position: absolute;
  left: -1000px;
}

/* the thumbnail image itself */
.vjs-thumbnail {
  position: absolute;
  left: 0;
  bottom: 1.3em;
  opacity: 0;
  transition: opacity .2s ease;
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  -mz-transition: opacity .2s ease;
  border-style: solid;
  border-width: 2px;
  border-color: #282828;
}


/* fade in the thumbnail when hovering over the progress bar */
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
.vjs-progress-control:hover .vjs-thumbnail,
.vjs-progress-control.fake-active .vjs-thumbnail,
.vjs-progress-control:active .vjs-thumbnail {
  opacity: 1;
}

/* ... but hide the thumbnail when hovering directly over it */
.vjs-progress-control:hover .vjs-thumbnail:hover,
.vjs-progress-control:active .vjs-thumbnail:active {
  opacity: 0;
}


/* vjs-qualityselector */
.video-js.vjs-qualityselector{display:block}.video-js .vjs-quality-container{padding:8px;position:relative}.video-js .vjs-quality-container .vjs-brand-quality-link{color:#fff;text-decoration:none;cursor:pointer}.video-js .vjs-quality-container .vjs-quality-dropdown{position:absolute;bottom:30px;background:rgba(0,0,0,0.48);transition:opacity 0.5s linear;opacity:0;-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;-o-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;-webkit-transition:-webkit-transform 0.26s ease-out;-o-transition:-o-transform 0.26s ease;-ms-transition:-ms-transform 0.26s ease;transition:transform 0.26s ease}.video-js .vjs-quality-container .vjs-quality-dropdown.show{opacity:1;-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}.video-js .vjs-quality-container .vjs-quality-dropdown ul{margin:0;padding:0}.video-js .vjs-quality-container .vjs-quality-dropdown ul li{list-style:none;margin:0}.video-js .vjs-quality-container .vjs-quality-dropdown ul li a{color:#fff;text-decoration:none;padding:5px 10px;display:table;width:100%}.video-js .vjs-quality-container .vjs-quality-dropdown ul li.current a,.video-js .vjs-quality-container .vjs-quality-dropdown ul li a:hover{background:#000;color:red}