.video-js-box { text-align: left; position: relative; line-height: 0 !important; margin: 0; padding: 0 !important; border: none !important; background-color: #000;}

video.video-js { background-color: #000; position: relative; padding: 0; }
.vjs-flash-fallback { display: block; }
.video-js-box img.vjs-poster { display: none; position: absolute; z-index:1;left: 0; top: 0;  margin: 0; padding: 0; }

.video-js-box .vjs-controls {
  position: absolute; 
  margin: 0;
display: none; /* Start hidden */
  left: 0; right: 0; /* 100% width of video-js-box */ 
  width: 100%;
  bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  height: 39px; /* Including any margin you want above or below control items */
  padding: 0;
  background-color:rgba(0,0,0,.7);
  z-index: 999;
}



/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; width:100%; height: 100%; margin-top:0px; background-color: #000;}
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003;  width:675px; position: absolute; left:50%; margin-left: -338px; bottom:60px; height:59px; z-index: 1001;}
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; }

/* Styles Loaded Check */
.vjs-styles-check { height: 5px; position: absolute; }



/* DEFAULT SKIN (override in another file)
================================================================================ */
.video-js-box .vjs-controls > div {position: absolute;text-align: center; margin: 0; padding: 0;height: 25px;top: 5px;}

/* Full Screen Disabled */
.vjs-controls > div.vjs-play-control       { left: 8px;   width: 19px; height: 19px;  top:10px;}
.vjs-controls > div.vjs-progress-control   { left: 33px;  right: 42px; }
.vjs-controls > div.vjs-volume-control     { width: 25px; right: 8px;  height:25px; top:6px;}

/* Full Screen Enabled */
/*.vjs-controls > div.vjs-play-control       { left: 8px;   width: 19px; height: 19px;  top:10px;}
.vjs-controls > div.vjs-progress-control   { left: 33px;  right: 70px; }
.vjs-controls > div.vjs-volume-control     { width: 25px; right: 32px;  height:25px; top:6px;}
.vjs-controls > div.vjs-fullscreen-control { width: 13px; right: 8px; height:13px; top:12px;}*/

.video-js-box.vjs-fullscreen .vjs-controls > div.vjs-play-control       { left: 8px;   width: 19px; height: 19px;  top:20px;}
.video-js-box.vjs-fullscreen .vjs-controls > div.vjs-volume-control     { width: 25px; right: 32px;  height:25px; top:16px;}
.video-js-box.vjs-fullscreen .vjs-controls > div.vjs-fullscreen-control { width: 14px; right: 12px; height:15px; top:22px;}


/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important; background-image: url(/media/images/video/playpause.png);}
.vjs-play-control.vjs-playing{background-position: 0px 19px;}
.vjs-play-control.vjs-playing:hover{background-position: 19px 19px;}
.vjs-play-control.vjs-paused{background-position: 0px 0px;}
.vjs-play-control.vjs-paused:hover{background-position: 19px 0px;}


/* Playlist
-------------------------------------------------------------------------------- */
.playlist{overflow:hidden;height:25px;position:relative; left: -4px;}
.playlist .pagination {width: 80%;left:-5px;float:left;color:#fff;display:block;line-height:20px; position: relative;top:0px;padding: 0pt; margin: 0pt;}
.playlist .pagination a{color:#fff;font-size:11px;margin:0 4px 0 0 ;font-family:arial;display:inline-block;}
.playlist .pagination a span.divider{color:#fff;}
.playlist .pagination a.selected{color:#AADDFC;font-size:11px;font-family:arial;}
.playlist .nextVideos, .playlist .prevVideos{display:none;float:right;padding:5px 10px 0 0;cursor:pointer;}
.playlist .prevVideos{margin:0 0 0 20px;}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder { /* Box containing play and load progresses */
  position: relative; padding: 0; overflow:hidden;height: 7px;background-color: #c5c4c4;margin: 11px 1px 0 3px;}
.video-js-box.vjs-fullscreen .vjs-progress-holder {margin: 21px 1px 0 3px;}

.vjs-progress-holder div {position: absolute; display: block; width: 0; height: 7px; margin: 0; padding: 0;}
.vjs-play-progress {background: #bed30e;}
.vjs-load-progress {background-color: #a4a4a4;}


/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important; background-image: url(/media/images/video/volume.png); }
.vjs-volume-control.muted{background-position: 25px 0px;}
.vjs-volume-control.muted:hover{background-position: 25px 25px;}
.vjs-volume-control:hover{background-position: 0 25px;}


/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control { cursor: pointer !important; background-image: url(/media/images/video/fullscreen.png);}
.vjs-fullscreen-control:hover {background-position: 13px 0;}
.video-js-box.vjs-fullscreen .vjs-fullscreen-control {background-image: url(/media/images/video/fullscreen_back.png);}
.video-js-box.vjs-fullscreen .vjs-fullscreen-control:hover{background-position: 14px 0;}

/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video { font-size: small; line-height: 1.5; }


/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {display:none;z-index:2; width:55px; height: 55px; position: absolute; top:50%; left:50%; margin: -23px 0px 0px -23px; cursor: pointer !important; background-image: url(/media/images/video/bigplay_reg.png);}
div.vjs-big-play-button:hover {background-position: 55px 0;}
.video-js-box.vjs-fullscreen .vjs-big-play-button {width:116px; height: 117px; background-image: url(/media/images/video/bigplay.png); margin:-58px 0 0 -58px;  z-index:1002;}
.video-js-box.vjs-fullscreen .vjs-big-play-button:hover{background-position: 116px 0;}



/* Spinner Styles
---------------------------------------------------------*/
.vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;
  /* Scaling makes the circles look smoother. */
  transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
/* Spinner circles */
.vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  border: 1px solid #ccc; display: none; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }`