2 Video.js Default Styles (http://videojs.com)
4 Create your own skin at http://designer.videojs.com
5 */.vjs-default-skin
{color:#ccc}@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: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;-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
}@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-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;-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;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,.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-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-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-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
;-moz-animation:spin
1.5s infinite linear
;-o-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}@
-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-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
}