#overlay {
position:fixed;
_position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#fff;
filter:alpha(opacity=80);
display:none;
z-index:9999;
}

#lightbox {
position:fixed;
_position:absolute;
top:50%;
left:50%;
background:#fff;
width:600px;
height:400px;
display:none;
z-index:10000;
-moz-box-shadow:0 0 20px rgba(0,0,0,0.7);
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.7);
box-shadow:0 0 20px rgba(0,0,0,0.7);
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
margin:-200px 0 0 -300px;
padding:10px;
}

#lightbox.loading {
background:#fff url(/images/loading-lightbox-demo.gif) no-repeat 50% 50%;
}

#lightbox a.close {
color:#111;
background:#fff;
position:absolute;
right:0;
top:0;
display:block;
font-size:10px;
z-index:5;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:8px 14px 4px 6px;
}

#lightbox a.prev,#lightbox a.next {
position:absolute;
top:50%;
left:0;
background:#fff;
margin-top:-.5em;
width:6em;
text-align:center;
opacity:.5;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:5px;
}

#lightbox a.next {
left:auto;
right:0;
}

#lightbox a:hover.prev,#lightbox a:hover.next {
opacity:1;
}