html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block; } body {line-height: 1; } .clear:before,.clear:after {content: ""; display: table; } .clear:after {clear: both; } .clear {zoom: 1; }
html { height: 100%; }
body { height: 100%; width: 100%; position: relative; background: #1a1a1a; color: #fff; font-size: 11px; font-family: "Gotham SSm A","Gotham SSm B",Verdana,sans-serif; }
.video-player { width: 100%; overflow: hidden; position: relative; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.video-container { position: relative; width: 100%; height: 100%; overflow: hidden; }
.soundControl { position: absolute; right: 10px; top: 10px; z-index: 5; height: 24px; width: 24px; cursor: pointer; }
#watchLink { text-align: center; width: 100%; z-index: 6; position: absolute; font-family: Courier; text-transform: uppercase; color: #FFF; text-decoration: none; cursor: pointer; }