#flowbox,#modalBackgroundOverlay,#modalWrap{position:absolute;top:0;left:0;z-index:21001;}
#modalBackgroundOverlay{position:fixed;width:100%;height:100%;}
#flowbox{overflow:hidden;padding:1px;margin-top:-1px;margin-left:-1px;}
/*padding fixes a ghosting issue in IE7,the negative margin compensates */
#modalWrap{width:9000px;height:9000px;}
#modalContent,#borderTopLeft,#borderTopCenter,#borderTopRight,#borderBottomLeft,#borderBottomCenter,#borderBottomRight,#borderMiddleLeft,#borderMiddleRight{float:left;height:0;width:0;overflow:hidden;}
#borderMiddleLeft,#borderBottomLeft{clear:left;}
#modalContent{position:relative;overflow:visible;}
#contentTitle{margin:0;}
#modalClose,#contentPrevious,#contentNext{outline:none;cursor:pointer;border:0;margin:0;}
#modalLoadedContent{overflow:hidden;width:0;height:0;}
#modalLoadedContent iframe{display:block;width:100%;height:100%;border:0;}
#modalLoadedContent embed{display:block;border:0;}
/* Display:block removes the line-height gap embedded content */
#modalLoadingOverlay{position:absolute;width:100%;height:100%;top:0;left:0;}
/* 
FlowBox example user style,thanks to ColorBox
These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML,
#modalBackgroundOverlay{background:url(imgdark/stripe.png) 0 0 repeat;}
#modalBackgroundOverlay{background-color:silver;opacity:.5}
*/
#flowbox{}
#modalBackgroundOverlay{background:#202020;}
#modalContent{margin-top:32px;}
#modalLoadedContent{background:#000;padding:2px;border:5px solid #000;}
#contentTitle{position:absolute;top:-22px;left:0;color:#919191;font-weight:bold;}
#contentCurrent{display:none;}
#contentPrevious{width:29px;height:32px;display:block;text-indent:-9999px;position:absolute;top:-32px;right:60px;background:url(../files/images/dark/buttons.png) left top no-repeat;}
#contentPrevious:hover{background-position:left bottom;}
#contentNext{width:29px;height:32px;display:block;text-indent:-9999px;position:absolute;top:-32px;right:28px;background:url(../files/images/dark/buttons.png) right top no-repeat;}
#contentNext:hover{background-position:right bottom;}
#modalLoadingOverlay{background:#121212 url(../files/images/dark/loading.gif) no-repeat center center;}
#modalClose{position:absolute; top:-32px; right:0px; display:block; background:url(../files/images/dark/buttons.png) -27px 0 no-repeat; width:26px; height:32px; text-indent:-9999px;}
#modalClose:hover{background-position:-27px -31px; cursor:pointer;}
#modalVideo{width:640px;height:360px;}
/* this is where you can adjust the setting */
#modalVideo {width: 641px; height: 479px;} .hideme{display: none;}