﻿/*!Video.js Default Styles (http://videojs.com)Version 4.7.3Create your own skin at http://designer.videojs.com*/.vjs-default-skin {    color: #ccc;}@font-face {    font-family:VideoJS;src:url(vjs.eot);src:url(vjs.eot?#iefix) format('embedded-opentype'),url(vjs.woff) format('woff'),url(vjs.ttf) format('truetype'),url(vjs.svg#icomoon) format('svg');font-weight:400;font-style:normal;}.vjs-default-skin .vjs-slider {    outline: 0;    position: relative;    cursor: pointer;    padding: 0;    background-color: #333;    background-color: rgba(51,51,51,.9);}.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 {    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);    -moz-transform: rotate(-45deg);    -ms-transform: rotate(-45deg);    -o-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: #07141e;    background-color: rgba(7,20,30,.7);}.vjs-default-skin.vjs-has-started .vjs-control-bar {    display: block;    visibility: visible;    opacity: 1;}.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {    display: block;    visibility: visible;    opacity: 1;}.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 \0screen {    .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;}.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:focus {}.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;}.vjs-default-skin .vjs-play-control:before {    content: "\e001";}.vjs-default-skin.vjs-playing .vjs-play-control:before {    content: "\e002";}.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;}.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;    width: 100%;    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;    left: 4.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;    -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,.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {    position: absolute;    display: block;    height: 100%;    margin: 0;    padding: 0;    width: 0;    left: 0;    top: 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: #646464;    background: rgba(255,255,255,.2);}.vjs-default-skin .vjs-load-progress div {    background: #787878;    background: rgba(255,255,255,.1);}.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-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: 3em;}.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-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 {    left: .5em;    top: .5em;    font-size: 3em;    display: block;    z-index: 2;    position: absolute;    width: 4em;    height: 2.6em;    text-align: center;    vertical-align: middle;    cursor: pointer;    opacity: 1;    background-color: #07141e;    background-color: rgba(7,20,30,.7);    border: .1em solid #3b4249;    -webkit-border-radius: .8em;    -moz-border-radius: .8em;    border-radius: .8em;    -webkit-box-shadow: 0 0 1em rgba(255,255,255,.25);    -moz-box-shadow: 0 0 1em rgba(255,255,255,.25);    box-shadow: 0 0 1em rgba(255,255,255,.25);    -webkit-transition: all .4s;    -moz-transition: all .4s;    -o-transition: all .4s;    transition: all .4s;}.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;    background-color: #505050;    background-color: rgba(50,50,50,.75);    -webkit-box-shadow: 0 0 3em #fff;    -moz-box-shadow: 0 0 3em #fff;    box-shadow: 0 0 3em #fff;    -webkit-transition: all 0s;    -moz-transition: all 0s;    -o-transition: all 0s;    transition: all 0s;}.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%;}.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 {    display: none;    position: absolute;    top: 50%;    left: 50%;    font-size: 4em;    line-height: 1;    width: 1em;    height: 1em;    margin-left: -.5em;    margin-top: -.5em;    opacity: .75;}.vjs-waiting .vjs-loading-spinner,.vjs-seeking .vjs-loading-spinner {    display: block;    -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;}.vjs-error .vjs-loading-spinner {    display: none;    -webkit-animation: none;    -moz-animation: none;    -o-animation: none;    animation: none;}.vjs-default-skin .vjs-loading-spinner:before {    content: "\e01e";    font-family: VideoJS;    position: absolute;    top: 0;    left: 0;    width: 1em;    height: 1em;    text-align: center;    text-shadow: 0 0 .1em #000;}@-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-chapters-button:before {    content: "\e00c";}.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {    width: 24em;    left: -12em;}.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;}