/* DEFAULT SKIN (override in another file to create new skins)
================================================================================
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */

.video-js {
    max-width: 100%;
}

.video-js .vjs-control-bar {
  background: rgba(255,255,255,.5);
  height: 22px;;
  visibility: visible;
  opacity: 1;
  border-top: none;
}

.video-js .vjs-time-tooltip {
	display: none !important;
}

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control { display: none; }
.vjs-default-skin .vjs-volume-control { display: none; }
.video-js .vjs-volume-panel { display: none; }

/* Progress
-------------------------------------------------------------------------------- */
.vjs-default-skin div.vjs-progress-control {
	background: url("video-control-film.png") repeat scroll 0 0 transparent;
	background: none;
	opacity: 1;
	height: 2px;
	top: 10px;
	border: none;
	left: 0px;
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
.video-js .vjs-progress-control .vjs-progress-holder {
	background: #cac9c7;
	opacity: 1;
	background: url("video-control-film.png") repeat scroll 0 0 transparent;
	height: 2px;
	border-radius: 0;
	margin: 0 20px 0 10px;
}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress { /* Progress Bars */
	border-radius:0;
	height: 2px;
	margin: 0;
	padding: 0;
	left: -10px; top: 0; /*Needed for IE6*/
}

.vjs-default-skin .vjs-play-progress {
  background: url("video-control-progress.png") repeat scroll 0 0 transparent;
  background: none #4f4b45;
}

.vjs-default-skin .vjs-load-progress {
  opacity: 0;
}

.vjs-default-skin div.vjs-slider-bar::before {
	content: '';
}
.vjs-default-skin div.vjs-slider-bar {
	display: block;
	background: #4f4b45;
	height: 2px;
	margin-top: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-remaining-time {
  display: none;
}

/* Fullscreen Control
-------------------------------------------------------------------------------- */
.video-js .vjs-fullscreen-control { width: 22px; margin-right: 9px; }
.video-js .vjs-fullscreen-control .vjs-icon-placeholder { display: block; height: 14px; width: 22px; background: url('video-js.png') no-repeat -42px -90px transparent; margin: 2px auto 0; }
.video-js .vjs-fullscreen-control .vjs-icon-placeholder::before { content: ''; }
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { background: url('video-js.png') no-repeat -75px -90px transparent; }
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder::before { content: ''; }


/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-play-control { width: 40px; cursor: pointer !important; }

.vjs-icon-play::before,
.video-js .vjs-play-control.vjs-paused .vjs-icon-placeholder::before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder::before {
	content: '';
}
.vjs-icon-play,
.video-js .vjs-big-play-button .vjs-icon-placeholder,
.video-js .vjs-play-control .vjs-icon-placeholder {
	display: block; width: 15px; height: 17px; margin: 2px auto 0;
}
.video-js .vjs-play-control.vjs-paused .vjs-icon-placeholder {
	background: url('video-js.png') 0 -90px;
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
	background: url('video-js.png') -16px -90px;
}


/* Big Play Button (at start)
---------------------------------------------------------*/
.vjs-default-skin .vjs-big-play-button {
  top: 50%; left: 50%; width: auto; height: auto; margin: -7px 0 0 -27px;
  border: none; opacity: 1;
  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
  background: transparent;
  -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0;
}

.vjs-default-skin .vjs-big-play-button .vjs-icon-placeholder::before {
	content: '';
	color: transparent;
}
.vjs-default-skin .vjs-big-play-button {
	width: 54px;
	height: 14px;
	background: url('video-js.png') no-repeat 0px -110px;
	background-color: transparent !important;
}