#video-section{margin:0 auto;max-width:600px;}

#media-player{}
#media-player video{width:100%}::-webkit-media-controls{display:none!important}
.media-controls{margin-top:-9px;padding-top:0;height:32px;border:1px solid #000;background-color:#000;background-image:-moz-linear-gradient(top,#333,#000);background-image:-webkit-gradient(linear,0 0,0 100%,from(#333),to(#000));background-image:-webkit-linear-gradient(top,#333,#000);background-image:-o-linear-gradient(top,#333,#000);background-image:linear-gradient(to bottom,#333,#000);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff000000', GradientType=0)}
#currentTime{color:#eee;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
#progressContainer{float:left;background-color:#fff;margin-left:10px;margin-right:15px;margin-top:13px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-clip:padding-box}
#progress-bar,#progressContainer{height:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding}
#progress-bar{background-color:#34dddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-clip:padding-box;-webkit-box-shadow:2px 0 10px 2px rgba(52,221,221,.5);-moz-box-shadow:2px 0 10px 2px rgba(52,221,221,.5);box-shadow:2px 0 10px 2px rgba(52,221,221,.5)}
#playControls{height:28px;float:left;margin-left:-1px}
#timeContainer{float:left}
#volumeControls{float:right;height:28px;margin-right:0}
#volumeControls #volumeInc_btn{margin-top:0;padding-top:4px;height:31px;padding-left:13px}
.media-controls .btn{width:38px;font-size:12px;background:0 0;color:#eee;float:left;margin-top:-1px;border-top:1px solid #555;border-right:1px solid #555;border-bottom:1px solid #000;border-left:1px solid #000;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}
.media-controls .btn:hover{color:#34dddd;text-shadow:0 0 8px #34dddd,0 0 10px #34dddd;-webkit-transition:all 200ms cubic-bezier(.42,0,.58,1);-moz-transition:all 200ms cubic-bezier(.42,0,.58,1);-o-transition:all 200ms cubic-bezier(.42,0,.58,1);transition:all 200ms cubic-bezier(.42,0,.58,1)}
#sliderContainer{padding:6px 14px 10px;position:absolute;margin-top:-117px!important;display:none;background:#000;background:0 0\9;background:rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000, GradientType=1);zoom:1}
#slider{border-width:1px;border-style:solid;border-color:#333 #333 #777;width:10px;height:100px;-webkit-box-shadow:inset 0 1px 5px 0 rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 5px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px 5px 0 rgba(0,0,0,.5);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-clip:padding-box}
#slider,.ui-slider-range{-webkit-background-clip:padding-box;-moz-background-clip:padding}
.volume{display:inline-block;width:25px;height:25px;margin-top:-5px}
.ui-slider-handle{height:10px!important;cursor:pointer!important;left:-.35em!important;margin-bottom:-9px!important}
.ui-slider-range{position:absolute;border:0;top:0;height:100%;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;background-clip:padding-box}
.ui-slider-range-min{background:#34dddd}
.ui-slider{margin:0!important;float:left}


.main-container{width:90%;margin:auto;padding-top:25px;}
.hidden{display:none!important}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}