/*!
Video.js Default Styles (http://videojs.com)
Version 4.6.1
Create your own skin at http://designer.videojs.com
*/
.vjs-default-skin {
	color:#ccc
}
@font-face {
  font-family: 'VideoJS';
  src: url('font/vjs.eot');
  src: url('font/vjsd41d.eot?#iefix') format('embedded-opentype'), url('font/vjs.woff') format('woff'), url('font/vjs.ttf') format('truetype'), url('font/vjs.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.vjs-default-skin .vjs-slider {
	outline:0;
	position:relative;
	cursor:pointer;
	padding:0;
	background:url(bg_player_icon_v.png) 0 -210px repeat-x
}
.vjs-default-skin .vjs-slider:focus {
	-webkit-box-shadow:0 0 2em #fff;
	-moz-box-shadow:0 0 2em #fff;
	box-shadow:0 0 2em #fff
}
.vjs-default-skin .vjs-slider-handle {
	font-family:VideoJS;
	font-size:1em;
	line-height:1;
	text-align:center;
	text-shadow:0 0 1em #fff;
	position:absolute;
	top:-13px;
	left:0;
	background:url(bg_player_icon_v.png) 0 -90px no-repeat;
	width:33px;
	height:33px
}
.vjs-default-skin .vjs-control-bar {
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:39px;
	padding:3px 0 0;
	background-color:#000
}
.vjs-default-skin.vjs-has-started .vjs-control-bar {
	display:block;
	visibility:visible;
	opacity:1;
	-webkit-transition:visibility .1s,opacity .1s;
	-moz-transition:visibility .1s,opacity .1s;
	-o-transition:visibility .1s,opacity .1s;
	transition:visibility .1s,opacity .1s
}
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	display:block;
	visibility:hidden;
	opacity:0;
	-webkit-transition:visibility 1s,opacity 1s;
	-moz-transition:visibility 1s,opacity 1s;
	-o-transition:visibility 1s,opacity 1s;
	transition:visibility 1s,opacity 1s
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
	display:none
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
	display:none
}
.vjs-default-skin.vjs-error .vjs-control-bar {
	display:none
}
@media screen {
	.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar:before {
	content:""
}
}.vjs-default-skin .vjs-control {
	outline:0;
	position:relative;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
	height:3em;
	width:4em;
	line-height: 3em;
}
.vjs-default-skin .vjs-control:before {
	font-family:VideoJS;
	font-size:1.5em;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,.5)
}
.vjs-default-skin .vjs-control:focus:before,.vjs-default-skin .vjs-control:hover:before {
	text-shadow:0 0 1em #fff
}
.vjs-default-skin .vjs-control-text {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}
.vjs-default-skin .vjs-play-control {
	width:5em;
	cursor:pointer;
	background:url(bg_player_icon.png) 27px 0 no-repeat
}
.vjs-default-skin.vjs-playing .vjs-play-control {
	background:url(bg_player_icon.png) -33px 0 no-repeat
}
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
	font-size:1.5em;
	line-height:2;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,.5)
}
.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
	width:4em;
	left:-2em;
	list-style:none
}
.vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button {
	cursor:pointer;
	float:right;
	background:url(bg_player_icon.png) -104px 0 no-repeat
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0 {
	background:url(bg_player_icon.png) -164px 0 no-repeat
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
	background:url(bg_player_icon.png) -104px 0 no-repeat
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
	background:url(bg_player_icon.png) -104px 0 no-repeat
}
.vjs-default-skin .vjs-volume-control {
	width:5em;
	float:right;
	top:50%;
	margin-top: -1.5em;
}
.vjs-default-skin .vjs-volume-bar {
	width:5em;
	height:.6em;
	margin:1.1em auto 0
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
	height:2.9em
}
.vjs-default-skin .vjs-volume-level {
	position:absolute;
	top:0;
	left:0;
	height:.5em;
	width:100%;
	background:url(bg_player_icon_v.png) 0 -150px repeat-x
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
	width:14px;
	height:14px;
	left:4.5em;
	background:url(bg_player_icon_v.png) 0 0 no-repeat;
	top:-4px
}
.vjs-default-skin .vjs-volume-handle:before {
	font-size:.9em;
	top:-.2em;
	left:-.2em;
	width:1em;
	height:1em
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
	width:6em;
	left:-4em
}
.vjs-default-skin .vjs-progress-control {
	position:absolute;
	left:0;
	right:0;
	width:auto;
	font-size:.3em;
	height:6px;
	top:-6px;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s
}
.vjs-default-skin:hover .vjs-progress-control {
	font-size:.9em;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s
}
.vjs-default-skin .vjs-progress-holder {
	height:100%
}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
	position:absolute;
	display:block;
	height:100%;
	margin:0;
	padding:0;
	width:0;
	left:0;
	top:0
}
.vjs-default-skin .vjs-play-progress {
	background:url(bg_player_icon_v.png) 0 -150px repeat-x
}
.vjs-default-skin .vjs-load-progress {
	background:url(bg_player_icon_v.png) 0 -180px repeat-x
}
.vjs-default-skin.vjs-live .vjs-time-controls,.vjs-default-skin.vjs-live .vjs-time-divider,.vjs-default-skin.vjs-live .vjs-progress-control {
	display:none
}
.vjs-default-skin.vjs-live .vjs-live-display {
	display:block
}
.vjs-default-skin .vjs-live-display {
	display:none;
	font-size:1em;
	line-height:3em
}
.vjs-default-skin .vjs-time-controls {
	font-size:1em;
	line-height:36px
}
.vjs-default-skin .vjs-current-time {
	float:left
}
.vjs-default-skin .vjs-duration {
	float:left
}
.vjs-default-skin .vjs-remaining-time {
	display:none;
	float:left
}
.vjs-default-skin .vjs-time-controls,.vjs-default-skin .vjs-duration,.vjs-default-skin .vjs-duration {
	top:3px;
	top:1px
}
.vjs-time-divider {
	float:left;
	line-height:36px
}
.vjs-default-skin .vjs-fullscreen-control {
	width:3.8em;
	cursor:pointer;
	float:right
}
.vjs-default-skin .vjs-fullscreen-control {
	background:url(bg_player_icon.png) -220px 0 no-repeat
}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control {
	background:url(bg_player_icon.png) -284px 0 no-repeat
}
.vjs-default-skin .vjs-big-play-button {
	left: 0;
	top: 0;
	display:block;
	z-index:2;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
	opacity:1;
	background: url(bg_player_play.png) center no-repeat rgba(0,0,0,.3);
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:hover,.vjs-default-skin .vjs-mute-control.vjs-vol-1:hover,.vjs-default-skin .vjs-mute-control.vjs-vol-2:hover,.vjs-default-skin .vjs-mute-control.vjs-vol-3:hover,.vjs-default-skin .vjs-mute-control:hover,.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:hover,.vjs-default-skin .vjs-fullscreen-control:hover,.vjs-default-skin.vjs-playing .vjs-play-control:hover,.vjs-default-skin .vjs-play-control:hover,.vjs-default-skin .vjs-big-play-button:hover {
	opacity:.6;
	-moz-transition:opacity .3s ease;
	-webkit-transition:opacity .3s ease;
	-o-transition:opacity .3s ease;
	transition:opacity .3s ease
}
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
	left:50%;
	margin-left:-2.1em;
	top:50%;
	margin-top:-1.4000000000000001em
}
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
	display:none
}
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
	display:none
}
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
	display:none
}
.vjs-default-skin:hover .vjs-big-play-button,.vjs-default-skin .vjs-big-play-button:focus {
	outline:0;
	border-color:#fff
}
.vjs-error .vjs-big-play-button {
	display:none
}
.vjs-error-display {
	display:none
}
.vjs-error .vjs-error-display {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
}
.vjs-error .vjs-error-display:before {
	content:'X';
	font-family:Arial;
	font-size:4em;
	color:#666;
	line-height:1;
	text-shadow:.05em .05em .1em #000;
	text-align:center;
	vertical-align:middle;
	position:absolute;
	top:50%;
	margin-top:-.5em;
	width:100%
}
.vjs-error-display div {
	position:absolute;
	font-size:1.4em;
	text-align:center;
	bottom:1em;
	right:1em;
	left:1em
}
.vjs-error-display a,.vjs-error-display a:visited {
	color:#F4A460
}
.vjs-loading-spinner {
	background:url(bg_player_loading.png) no-repeat;
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	font-size:4em;
	line-height:1;
	width:61px;
	height:61px;
	margin-left:-30.5px;
	margin-top:-30.5px;
	opacity:.75;
	-webkit-animation:spin 1.5s infinite linear;
	-moz-animation:spin 1.5s infinite linear;
	-o-animation:spin 1.5s infinite linear;
	animation:spin 1.5s infinite linear
}
.video-js.vjs-error .vjs-loading-spinner {
	display:none!important;
	-webkit-animation:none;
	-moz-animation:none;
	-o-animation:none;
	animation:none
}
@-moz-keyframes spin {
	0% {
	-moz-transform:rotate(0deg)
}
100% {
	-moz-transform:rotate(359deg)
}
}@-webkit-keyframes spin {
	0% {
	-webkit-transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(359deg)
}
}@-o-keyframes spin {
	0% {
	-o-transform:rotate(0deg)
}
100% {
	-o-transform:rotate(359deg)
}
}@keyframes spin {
	0% {
	transform:rotate(0deg)
}
100% {
	transform:rotate(359deg)
}
}.vjs-default-skin .vjs-menu-button {
	float:right;
	cursor:pointer
}
.vjs-default-skin .vjs-menu {
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	height:0;
	margin-bottom:3em;
	border-left:2em solid transparent;
	border-right:2em solid transparent;
	border-top:1.55em solid #000;
	border-top-color:rgba(7,40,50,.5)
}
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
	display:block;
	padding:0;
	margin:0;
	position:absolute;
	width:10em;
	bottom:1.5em;
	max-height:15em;
	overflow:auto;
	left:-5em;
	background-color:#07141e;
	background-color:rgba(7,20,30,.7);
	-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
	-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
	box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
	display:block
}
.vjs-default-skin .vjs-menu-button ul li {
	list-style:none;
	margin:0;
	padding:.3em 0;
	line-height:1.4em;
	font-size:1.2em;
	text-align:center;
	text-transform:lowercase
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
	background-color:#000
}
.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
	outline:0;
	color:#111;
	background-color:#fff;
	background-color:rgba(255,255,255,.75);
	-webkit-box-shadow:0 0 1em #fff;
	-moz-box-shadow:0 0 1em #fff;
	box-shadow:0 0 1em #fff
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
	text-align:center;
	text-transform:uppercase;
	font-size:1em;
	line-height:2em;
	padding:0;
	margin:0 0 .3em;
	font-weight:700;
	cursor:default
}
.vjs-default-skin .vjs-subtitles-button:before {
	content:"\e00c"
}
.vjs-default-skin .vjs-captions-button:before {
	content:"\e008"
}
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
	-webkit-box-shadow:0 0 1em #fff;
	-moz-box-shadow:0 0 1em #fff;
	box-shadow:0 0 1em #fff
}
.video-js {
	background-color:#000;
	position:relative;
	padding:0;
	font-size:10px;
	vertical-align:middle;
	font-weight:400;
	font-style:normal;
	font-family:Arial,sans-serif;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.video-js .vjs-tech {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.video-js:-moz-full-screen {
	position:absolute
}
body.vjs-full-window {
	padding:0;
	margin:0;
	height:100%;
	overflow-y:auto
}
.video-js.vjs-fullscreen {
	position:fixed;
	overflow:hidden;
	z-index:1000;
	left:0;
	top:0;
	bottom:0;
	right:0;
	width:100%!important;
	height:100%!important;
	_position:absolute
}
.video-js:-webkit-full-screen {
	width:100%!important;
	height:100%!important
}
.video-js.vjs-fullscreen.vjs-user-inactive {
	cursor:none
}
.vjs-poster {
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	cursor:pointer;
	height:100%;
	margin:0;
	padding:0;
	position:relative;
	width:100%
}
.vjs-poster img {
	display:block;
	margin:0 auto;
	max-height:100%;
	padding:0;
	width:100%
}
.video-js.vjs-using-native-controls .vjs-poster {
	display:none
}
.video-js .vjs-text-track-display {
	text-align:center;
	position:absolute;
	bottom:4em;
	left:1em;
	right:1em
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
	bottom:1em
}
.video-js .vjs-text-track {
	display:none;
	font-size:1.4em;
	text-align:center;
	margin-bottom:.1em;
	background-color:#000;
	background-color:rgba(0,0,0,.5)
}
.video-js .vjs-subtitles {
	color:#fff
}
.video-js .vjs-captions {
	color:#fc6
}
.vjs-tt-cue {
	display:block
}
.vjs-default-skin .vjs-hidden {
	display:none
}
.vjs-lock-showing {
	display:block!important;
	opacity:1;
	visibility:visible
}
.vjs-no-js {
	padding:20px;
	color:#ccc;
	background-color:#333;
	font-size:18px;
	font-family:Arial,sans-serif;
	text-align:center;
	width:300px;
	height:150px;
	margin:0 auto
}
.vjs-no-js a,.vjs-no-js a:visited {
	color:#F4A460
}
