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

/* the thumbnail image itself */
.vjs-thumbnail {
  position: absolute;
  /* from code
  min-height: 56px;
  min-width: 100px;
  height: 58px ;*/
  opacity: 1;
  max-width: none !important;
  /*transition: opacity .2s ease;
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  -mz-transition: opacity .2s ease;*/
}

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

/* the thumbnail image itself */
.vjs-thumbnail {
  position: absolute;
  /* from code
  min-height: 56px;
  min-width: 100px;
  height: 58px ;*/
  opacity: 1;
  max-width: none !important;
  /*transition: opacity .2s ease;
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  -mz-transition: opacity .2s ease;*/
}

@media screen and (max-width: 420px)  {
  .vjs-thumbnail {
    display:none !important
  }
}

@media screen and (max-device-width: 900px){
  .vjs-thumbnail {
    display:none !important
  }
}

/* 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: 1;
}

/* 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: 1;
}

@media screen and (max-width: 420px) {
  .vjs-thumbnail {
    display: none;
  }
}