.vjs-dksh-skin {
  color: white; }
.vjs-dksh-skin .vjs-big-play-button { cursor: pointer; line-height: 50px; margin: -25px; opacity: 1; position: absolute; top: 50%; left: 50%; height: 50px; width: 50px; 
  -webkit-transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); 
  -moz-transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); 
  transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); z-index: 2; }
.vjs-dksh-skin .vjs-big-play-button:before { border-color: transparent transparent transparent white; border-style: solid; border-width: 25px 0 25px 50px; content: ""; display: block; }
.vjs-dksh-skin.vjs-controls-disabled .vjs-big-play-button, .vjs-dksh-skin.vjs-has-started .vjs-big-play-button, .vjs-dksh-skin.vjs-using-native-controls .vjs-big-play-button { opacity: 0; }

.vjs-dksh-skin .vjs-control-bar { height: 50px; opacity: 0; position: absolute; right: 0; bottom: 0; left: 0; z-index: 2s; }
.vjs-dksh-skin.vjs-has-started .vjs-control-bar { opacity: 1; -webkit-transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.vjs-dksh-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 0; -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.vjs-dksh-skin.vjs-using-native-controls .vjs-control-bar, .vjs-dksh-skin.vjs-controls-disabled .vjs-control-bar { display: none; }

.vjs-dksh-skin .vjs-progress-control { position: absolute; top: 0; right: 95px; bottom: 0; left: 50px; }
.vjs-dksh-skin .vjs-progress-control .vjs-progress-holder { cursor: pointer; height: 20px; margin-top: -10px; position: absolute; top: 50%; right: 0; left: 0; }

.vjs-dksh-skin .vjs-progress-control .vjs-progress-holder:after { background-color: rgba(255, 255, 255, 0.3); border-radius: 2px; content: ""; display: block; height: 4px; margin-top: -2px; position: absolute; top: 50%; right: 0; left: 0; }
.vjs-dksh-skin .vjs-progress-control .vjs-play-progress { background-color: rgba(255, 255, 255, 0.7); border-radius: 2px; height: 4px; margin-top: -2px; position: absolute; top: 50%; right: 0; left: 0; }
.vjs-dksh-skin .vjs-play-control { cursor: pointer; margin-top: -8px; position: absolute; top: 50%;  left: 20px; height: 16px; width: 15px; }
.vjs-dksh-skin .vjs-play-control:before { border-color: transparent transparent transparent #fff; border-style: solid; border-width: 8px 0 8px 15px; content: ""; display: block; }
  
.vjs-dksh-skin.vjs-playing .vjs-play-control:before, .vjs-dksh-skin.vjs-playing .vjs-play-control:after { background-color: #fff; border: none; content: ""; display: block; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; width: 6px; }
.vjs-dksh-skin.vjs-playing .vjs-play-control:after { left: auto; right: 0; }

.vjs-dksh-skin .vjs-fullscreen-control { border: 3px solid white; box-sizing: border-box; cursor: pointer; margin-top: -7px; position: absolute; top: 50%; right: 20px; height: 14px; width: 22px; }
.vjs-dksh-skin.vjs-fullscreen .vjs-fullscreen-control { background: white; }
.vjs-dksh-skin.vjs-fullscreen .vjs-fullscreen-control:after { background: black; content: ""; display: block; position: absolute; bottom: 0; left: 0; height: 5px; width: 5px; }

.vjs-dksh-skin .vjs-volume-control { cursor: pointer; margin-top: -7px; position: absolute; top: 50%;  right: 55px; height: 14px; width: 22px; }
.vjs-dksh-skin .vjs-volume-bar {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAcCAQAAACw95UnAAAAMElEQVRIx2NgoBL4n4YKGUYNHkEG4zJg1OCRYDCpBowaPJwMppbLRg0eNXjUYBLEAXWNUA6QNm1lAAAAAElFTkSuQmCC);
    background-size: 22px 14px;
    height: 100%;
    width: 100%; }
.vjs-dksh-skin .vjs-volume-level {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAcAQAAAAAyhWABAAAAAnRSTlMAAHaTzTgAAAAZSURBVHgBYwAB/g9EUv+JokCqiaT+U4MCAPKPS7WUUOc1AAAAAElFTkSuQmCC);
    background-size: 22px 14px;
    height: 100%; }

.vjs-dksh-skin .vjs-current-time,
.vjs-dksh-skin .vjs-time-divider,
.vjs-dksh-skin .vjs-duration,
.vjs-dksh-skin .vjs-remaining-time,
.vjs-dksh-skin .vjs-load-progress,
.vjs-dksh-skin .vjs-play-progress .vjs-control-text,
.vjs-dksh-skin .vjs-play-control .vjs-control-content,
.vjs-dksh-skin .vjs-fullscreen-control .vjs-control-text,
.vjs-dksh-skin .vjs-slider-handle,
.vjs-dksh-skin .vjs-volume-handle,
.vjs-dksh-skin .vjs-live-controls,
.vjs-dksh-skin .vjs-playback-rate,
.vjs-dksh-skin .vjs-subtitles-button,
.vjs-dksh-skin .vjs-captions-button,
.vjs-dksh-skin .vjs-mute-control 
{
    display: none; }

.video-js { background-color: black; padding: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; }
.video-js .vjs-tech { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.video-js:-moz-full-screen { position: absolute; }
.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; }
.video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; }
.video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; }

body.vjs-full-window { height: 100%; margin: 0; overflow-y: auto; padding: 0; }

.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-has-started .vjs-poster {
    display: none;
}