/* Minimal width of the player */
.fullplayer {
  min-width: 550px;
  height:auto;
}

#player_wrapper, #video_watch_detail {
  height:auto;
}

#audio_watch .player_container, #video_watch .player_container {
  height:auto;
}

/* Set progress bar on top */
.video-js .vjs-progress-control {
  position: absolute;
  bottom: 26px; /* The height of the ControlBar minus 4px. */
  left: 0;
  right: 0;
  width: 100%;
  height: 10px; /* the height must be reduced from 30 to 10px in order to allow the buttons below (e.g. play) to be pushed */
}
.video-js .vjs-progress-holder {/* needed to have a real 100% width display. */
  margin-left: 0px;
  margin-right: 0px;
}

/* Display the current time, duration and the divider */
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time,
.video-js .vjs-duration,
.video-js .vjs-time-divider {
  display: block;
}

/* Hide hover time */
.video-js .vjs-progress-control:hover .vjs-mouse-display,
.video-js .vjs-progress-control:hover .vjs-time-tooltip
{
  display: none;
}

/* Align buttons on the right */
.video-js .vjs-fullscreen-control {
  position: absolute;
  right: 0px;
}

.video-js .vjs-playback-rate {
  position: absolute;
  right: 40px;
}

.video-js .vjs-subs-caps-button {
    position: absolute;
    right: 80px;
}

/* Audio poster */
.audio .vjs-poster {
  background-color: black;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}