#facebox .b { }
#facebox .tl { }
#facebox .tr { }
#facebox .bl { }
#facebox .br { }
#facebox { position: absolute; top: 0; left: 0; z-index: 1000; text-align: left; background-image: url(../images/back.png); }
#facebox .popup { position: relative; width: 1000px;border: 1px solid #369092; }
#facebox table { border-collapse: collapse; margin: 0px; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { background-color: trasnparest; margin-bottom: auto; padding-top: 60px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox .footer_face { }
#facebox .footer_face a { position: static; }
#facebox .footer_face .close_image { display: block; clear: both; float: right; position: absolute; text-align: right; right: 0px; top: 0px; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 0px; width: 0px; overflow: hidden; padding: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; }
.facebox_hide { z-index: -100; }
.facebox_overlayBG { background-color: transparent; z-index: 100; }
* html #facebox_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

@media screen and (max-width: 480px) {
#facebox { width: 100%; }
#facebox .popup { position: relative; width: 100%;border: 1px solid #369092; }
#facebox .body { background-color: trasnparest; margin-bottom: auto; padding-top: 80px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; }
}