/*!
Video.js Default Styles (http://videojs.com)
Version 4.2.2
Create your own skin at http://designer.videojs.com
*/

.vjs-default-skin {
color:#ccc;
}

/*@font-face {
font-family:VideoJS;
src:url(../f/1/vjs.eot?#iefix) format(embedded-opentype),url(../f/1/vjs.woff) format(woff),url(../f/1/vjs.ttf) format(truetype);
font-weight:400;
font-style:normal;
}
*/
@font-face{
  font-family: 'VideoJS';
  src: url('font/vjs.eot');
  src: url('font/vjs.eot?#iefix') format('embedded-opentype'),
  url('font/vjs.woff') format('woff'),
  url('font/vjs.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


.vjs-default-skin .vjs-slider {
outline:0;
position:relative;
cursor:pointer;
background-color:rgba(51,51,51,.9);
padding:0;
}

.vjs-default-skin .vjs-slider:focus {
-webkit-box-shadow:0 0 2em #fff;
box-shadow:0 0 2em #fff;
}

.vjs-default-skin .vjs-slider-handle {
position:absolute;
left:0;
top:0;
}

.vjs-default-skin .vjs-slider-handle:before {
content:"\e009";
font-family:VideoJS;
font-size:1em;
line-height:1;
text-align:center;
text-shadow:0 0 1em #fff;
position:absolute;
top:0;
left:0;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.vjs-default-skin .vjs-control-bar {
display:none;
position:absolute;
bottom:0;
left:0;
right:0;
height:3em;
background-color:rgba(7,20,30,.7);
}

.vjs-default-skin.vjs-has-started .vjs-control-bar {
display:block;
visibility:visible;
opacity:1;
-webkit-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 1s;
transition:visibility 1s 1s;
}

.vjs-default-skin .vjs-control {
outline:0;
position:relative;
float:left;
text-align:center;
height:3em;
width:4em;
margin:0;
padding:0;
}

.vjs-default-skin .vjs-control:before {
font-family:VideoJS;
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-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(0000);
height:1px;
overflow:hidden;
position:absolute;
width:1px;
margin:-1px;
padding:0;
}

.vjs-default-skin .vjs-play-control {
width:5em;
cursor:pointer;
}

.vjs-default-skin .vjs-play-control:before {
content:"\e001";
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
content:"\e002";
}

.vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button {
cursor:pointer;
float:right;
}

.vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before {
content:"\e006";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
content:"\e003";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
content:"\e004";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
content:"\e005";
}

.vjs-default-skin .vjs-volume-control {
width:5em;
float:right;
}

.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;
background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
width:.5em;
height:.5em;
}

.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:1em;
top:-1em;
-webkit-transition:all .4s;
transition:all .4s;
}

.vjs-default-skin:hover .vjs-progress-control {
font-size:.9em;
-webkit-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%;
left:0;
top:0;
margin:0;
padding:0;
}

.vjs-default-skin .vjs-play-progress {
background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}

.vjs-default-skin .vjs-load-progress {
background:rgba(255,255,255,.4);
}

.vjs-default-skin .vjs-seek-handle {
width:1.5em;
height:100%;
}

.vjs-default-skin .vjs-seek-handle:before {
padding-top:.1em;
}

.vjs-default-skin .vjs-time-controls {
font-size:1em;
line-height:3em;
}

.vjs-default-skin .vjs-remaining-time {
display:none;
float:left;
}

.vjs-time-divider {
float:left;
line-height:3em;
}

.vjs-default-skin .vjs-fullscreen-control {
width:3.8em;
cursor:pointer;
float:right;
}

.vjs-default-skin .vjs-fullscreen-control:before {
content:"\e000";
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
content:"\e00b";
}

.vjs-default-skin .vjs-big-play-button {
  font-size: 10px;
  display: block;
  width: 8em;
  height: 8.0em;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  background-color: rgb(40,40,40);
  background-color: rgba(7,40,50,0.2);
  border: 0.7em solid rgb(255,255,255);
  border-color: rgba(255,255,255,0.85);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 0px 1em rgba(255,255,255,0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255,255,255,0.25);
  box-shadow: 0px 0px 1em rgba(255,255,255,0.25);
  -webkit-transition: border 0.4s,-webkit-box-shadow 0.4s,-webkit-transform 0.4s;
  -moz-transition: border 0.4s,-moz-box-shadow 0.4s,-moz-transform 0.4s;
  -o-transition: border 0.4s,-o-box-shadow 0.4s,-o-transform 0.4s;
  transition: border 0.4s,box-shadow 0.4s,transform 0.4s;
  top: 38%;
  z-index: 2;
  position: absolute;
  left: 44%;
}

.vjs-default-skin:hover .vjs-big-play-button,.vjs-default-skin .vjs-big-play-button:focus {
outline:0;
background-color:rgba(50,50,50,.75);
-webkit-box-shadow:0 0 3em #fff;
box-shadow:0 0 3em #fff;
-webkit-transition:all 0;
transition:all 0;
border-color:#fff;
top: 38%;
z-index: 2;
position: absolute;
left: 44%;
}

.vjs-default-skin .vjs-big-play-button:before {
content:"\e001";
font-family:VideoJS;
line-height:2.6em;
text-shadow:.05em .05em .1em #000;
text-align:center;
position:absolute;
left:0;
width:100%;
height:100%;
font-size: 3em;
}

.vjs-loading-spinner {
display:none;
position:absolute;
top:50%;
left:50%;
font-size:5em;
line-height:1;
width:1em;
height:1em;
margin-left:-.5em;
margin-top:-.5em;
opacity:.75;
-webkit-animation:spin 1.5s infinite linear;
animation:spin 1.5s infinite linear;
}

.vjs-default-skin .vjs-loading-spinner:before {
content:"\e00a";
font-family:VideoJS;
position:absolute;
top:0;
left:0;
width:1em;
height:1em;
text-align:center;
text-shadow:0 0 .1em #000;
}

100% {
-webkit-transform:rotate(359deg);
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;
position:absolute;
width:10em;
bottom:1.5em;
max-height:15em;
overflow:auto;
left:-5em;
background-color:rgba(7,20,30,.7);
-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
margin:0;
padding:0;
}

.vjs-default-skin .vjs-menu-button ul li {
list-style:none;
line-height:1.4em;
font-size:1.2em;
text-align:center;
text-transform:lowercase;
margin:0;
padding:.3em 0;
}

.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:rgba(255,255,255,.75);
-webkit-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;
font-weight:700;
cursor:default;
margin:0 0 .3em;
padding:0;
}

.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;
box-shadow:0 0 1em #fff;
}

.video-js {
background-color:#000;
position:relative;
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;
padding:0;
}

.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 {
height:100%;
overflow-y:auto;
margin:0;
padding:0;
}

.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%;
position:relative;
width:100%;
margin:0;
padding:0;
}

.vjs-poster img {
display:block;
max-height:100%;
width:100%;
margin:0 auto;
padding:0;
}

.video-js .vjs-text-track-display {
text-align:center;
position:absolute;
bottom:4em;
left:1em;
right:1em;
}

.video-js .vjs-text-track {
display:none;
font-size:1.4em;
text-align:center;
margin-bottom:.1em;
background-color:rgba(0,0,0,.5);
}

.video-js .vjs-subtitles {
color:#fff;
}

.video-js .vjs-captions {
color:#fc6;
}

.vjs-lock-showing {
display:block!important;
opacity:1;
visibility:visible;
}

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar,.vjs-default-skin.vjs-using-native-controls .vjs-control-bar,.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button,.vjs-default-skin.vjs-has-started .vjs-big-play-button,.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button,.video-js.vjs-using-native-controls .vjs-poster,.vjs-default-skin .vjs-hidden {
display:none;
}

.vjs-default-skin .vjs-current-time,.vjs-default-skin .vjs-duration {
float:left;
}

.vjs-default-skin .vjs-menu-button:hover .vjs-menu,.vjs-tt-cue {
display:block;
}

@media \0screen{
.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
content:"";
}
}