.h5video, .support-message { overflow: hidden; position: relative; font-family: calibri, "Lucida Sans", sans-serif; color: #fff; font-size: 16px; position: absolute; z-index: 1000; }
.h5video video { height: 100%; width: 100%; }
.h5video .control-panel { height: 45px; width:100%; line-height: 45px; bottom: 0px; left: 0px; background: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFBRUFBQUF0Q0FZQUFBQnZld0hFQUFBQUdYUkZXSFJUYjJaMGQyRnlaUUJCWkc5aVpTQkpiV0ZuWlZKbFlXUjVjY2xsUEFBQUFFZEpSRUZVZU5waVlHQmcyTXpnNit2N2l1bnUzYnQvbUlCY0JxYi8vOGpFLysvY1BPSlphRmt3RGJ4Z2dFSU9JL2lHQ0FFNHdRRmhBdzRHSXhZWldGY1NFR0FBUVlBQjV6Um13MlN0RWlBQUFBQUVsRlRrU3VRbUND&b=29) repeat-x scroll 0 0 transparent; position: absolute;  }

.h5video .poster { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; }
.fullscreen { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%;}

.h5video .control-panel .size,
.h5video .control-panel .mute,
.h5video .control-panel .un-mute,
.h5video .control-panel .full
.h5video .control-panel .shrink,
.h5video .control-panel .pause,
.h5video .control-panel .play { display: inline-block; background-position: center center; background-repeat: no-repeat; height: 45px; width: 40px; text-indent: 1000px; text-decoration: none; outline-style: none; cursor: pointer; }

.h5video .control-panel .pause { background-image: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvaW1hZ2VzL3BhdXNlLnBuZw%3D%3D&b=29); } 
.h5video .control-panel .pause:hover { background-image: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvaW1hZ2VzL292ZXJfcGF1c2UucG5n&b=29); }

.h5video .control-panel .play { background-image: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvaW1hZ2VzL3BsYXkucG5n&b=29); }
.h5video .control-panel .play:hover { background-image: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvaW1hZ2VzL292ZXJfcGxheS5wbmc%3D&b=29); }

.h5video .control-panel .mute,
.h5video .control-panel .un-mute,
.h5video .control-panel .full,
.h5video .control-panel .interval,
.h5video .control-panel .shrink { float: right; }


.h5video .control-panel .mute { background-image: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvaW1hZ2VzL211dGUucG5n&b=29); }
.h5video .control-panel .mute:hover { background-image: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvaW1hZ2VzL292ZXJfbXV0ZS5wbmc%3D&b=29); }

.h5video .control-panel .un-mute { background-image: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvaW1hZ2VzL3VubXV0ZS5wbmc%3D&b=29); }
.h5video .control-panel .un-mute:hover { background-image: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvaW1hZ2VzL292ZXJfdW5tdXRlLnBuZw%3D%3D&b=29); }

.h5video .control-panel .full { background-image: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvaW1hZ2VzL2V4cGFuZC5wbmc%3D&b=29); }
.h5video .control-panel .full:hover { background-image: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvaW1hZ2VzL292ZXJfZXhwYW5kLnBuZw%3D%3D&b=29); }

.h5video .control-panel .shrink { background-image: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvaW1hZ2VzL3Nocmluay5wbmc%3D&b=29); }
.h5video .control-panel .shrink:hover { background-image: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvaW1hZ2VzL292ZXJfc2hyaW5rLnBuZw%3D%3D&b=29); }

.h5video .control-panel .interval { display: inline-block; vertical-align: middle; width: auto; padding: 0px 5px; color: #fff; }

.h5video .control-panel .seek-bar { position: absolute; top: 20px; left: 45px; width: 520px; height: 7px;  cursor: pointer; display: inline-block; background: #888; }
.h5video .control-panel .seek-bar-guage { height: 7px; background: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvZGF0YTppbWFnZS9wbmc7Y2hhcnNldD11dGYtODtiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUFFQUFBQUlDQUFBQUFBZGNjcWRBQUFBR1hSRldIUlRiMlowZDJGeVpRQkJaRzlpWlNCSmJXRm5aVkpsWVdSNWNjbGxQQUFBQUJkSlJFRlVDQjFqK00vMGcra3IwMmVtajBENG1la3JBRDQxQjdoSjlKejVBQUFBQUVsRlRrU3VRbUND&b=29) repeat-x scroll 0 0 transparent/* #C9DD1A */; width: 0%; left: 0px; z-index: 2; position: absolute; z-index: 0; }
.h5video .control-panel .seek-bar-buffer { height: 7px; width: 0px; top:0px; left: 0px; position: absolute; z-index: 0; background: url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvZGF0YTppbWFnZS9wbmc7Y2hhcnNldD11dGYtODtiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUFFQUFBQUlDQUlBQUFDM2VBSVdBQUFBR1hSRldIUlRiMlowZDJGeVpRQkJaRzlpWlNCSmJXRm5aVkpsWVdSNWNjbGxQQUFBQUNGSlJFRlVlTnBpeU1yS1l2cno1dy9UcjErL3dQam56NTl3L1B2M2I0QUFBd0JGdHhYUDAwc2JGd0FBQUFCSlJVNUVya0pnZ2c9PQ%3D%3D&b=29); }

.support-message { background: #000; padding: 50px; color: #fff; position: inherit; }
.support-message p { margin: 0 0 25px 0; color: #fff; }
.support-message p a { text-decoration: none; color: #fff; margin-right: 15px; }
.support-message p a:hover { color: #C9DD1A; }
.support-message p img { vertical-align: middle; margin-right: 10px; border: none; height: 40px; width: 40px; }


.h5video .buffering { height: 60px; width: 60px; display: block; position: absolute; background: #000 url(browse.php?u=Oi8vd3d3LnRyb3pvLnJ1L3dwLWNvbnRlbnQvcGx1Z2lucy9mbGFzaC12aWRlby1wbGF5ZXIvaW1hZ2VzL2Nsb2NrLnBuZw%3D%3D&b=29) no-repeat center center; right: 25px; top: 25px; }

.h5video .full-control-panel { position: fixed; bottom: 35px; z-index: 10; }


.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.shadowed { -moz-box-shadow: 0px 0px 8px #777; -webkit-box-shadow: 0px 0px 8px #777; box-shadow: 0px 0px 8px #777; }
.shadowed-white { -moz-box-shadow: 0px 0px 4px #FFF; -webkit-box-shadow: 0px 0px 4px #FFF; box-shadow: 0px 0px 4px #FFF; }