#video { z-index:5; width:100%; }
#videooverlay { width:100%; position:absolute; left:0; top:0; background:rgba(255,255,255,.0); }

#videocontrols { position:absolute; bottom:22px; left:50%; text-align:center; width:0; height:0; z-index:8; }
#videocontrols div { display:inline-block; width:100px; height:24px; margin:-6px 0 0 -50px; }
#videocontrols div a { display:inline-block; padding:7px; color:#FFF; opacity:.5; }
#videocontrols div a:hover { opacity:1; color:#FFF; text-decoration:none; }
#videocontrols div a span { }
#videocontrols div a:nth-child(1) { }
#videocontrols div a:nth-child(2) span:nth-child(1) { display:inline; }
#videocontrols div a:nth-child(2) span:nth-child(2) { display:none; }
#videocontrols div a:nth-child(2).paused span:nth-child(1) { display:none; }
#videocontrols div a:nth-child(2).paused span:nth-child(2) { display:inline; }
#videocontrols div a:nth-child(3) {  }

#progress-bar { position:absolute; bottom:32px; width:100%; height:20px; padding:0 10%; }
#progress-bar input[type=range] {
    -webkit-appearance: none;
    width: 100%;
	cursor:pointer;
	background: none;
}
/* chrome, opera, safari */
#progress-bar input[type=range]::-webkit-slider-runnable-track {
    width: 100%; height: 5px; background: rgba(127,127,127,.5); border: none; border-radius: 3px; }
#progress-bar input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; 
	background: rgba(255,255,255,.7); margin-top: -4px; }
#progress-bar input[type=range]:focus {
    outline: none; }
#progress-bar input[type=range]:focus::-webkit-slider-runnable-track {
    background: rgba(127,127,127,.5); }
/* MOZILA */
#progress-bar input[type=range]::-moz-range-track {
    width: 100%; height: 5px; background: rgba(127,127,127,.5); border: none; border-radius: 3px; }
#progress-bar input[type=range]::-moz-range-thumb {
    border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255,255,255,.7); }
#progress-bar input[type=range]:-moz-focusring{
    outline: 1px solid rgba(255,255,255,.6); outline-offset: -1px; }
/* IE */
#progress-bar input[type=range]::-ms-track {
    width: 100%; height: 5px; background: transparent; border-color: transparent; border-width: 6px 0; color: transparent; }
#progress-bar input[type=range]::-ms-fill-lower {
    background: rgba(127,127,127,.6); border-radius: 10px; }
#progress-bar input[type=range]::-ms-fill-upper {
    background: rgba(127,127,127,.5); border-radius: 10px; }
#progress-bar input[type=range]::-ms-thumb {
    border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255,255,255,.7); }
#progress-bar input[type=range]:focus::-ms-fill-lower {
    background: rgba(127,127,127,.6); }
#progress-bar input[type=range]:focus::-ms-fill-upper {
    background: rgba(127,127,127,.5); }

#progress-bar a { position:relative; top:-28px; left:14px; font-weight:300; color:#FFF; text-shadow:0px 0px 2px rgba(127,127,127,.8); }