#lightbox {

position: absolute;

top: 40px;

left: 0;

width: 100%;

z-index: 100;

}



#lightbox img {

border: none;

}



#imageContainer {

position: relative;

background-color: #fff;

width: 250px;

height: 250px;

margin: 0 auto;

padding: 10px;

}



#loading {

position:absolute;

top: 40%;

left: 0;

height: 25%;

width: 100%;

text-align: center;

}



#hoverNav {

position:absolute;

top: 0;

left: 10px;

height: 100%;

width: 100%;

z-index: 10;

}



#imageContainer>#hoverNav {

left: 0;

}



#hoverNav a {

outline: none;

}



#prevLink {

left: 0;

float: left;

}



#nextLink {

right: 0;

float: right;

}



#imageData {

font: 10px Verdana, Helvetica, sans-serif;

background-color: #fff;

color: #777;

line-height: 1.4em;

height: 38px;

margin: 0 auto;

padding:0 10px;

}



#imageData #imageDetails {

width: 70%;

float: left;

text-align: left;

}



#imageData #caption {

font-weight: 700;

}



#imageData #numberDisplay {

display: block;

clear: left;

}



#imageData #bottomNavClose {

width: 36px;

float: right;

}



#overlay {

position: absolute;

top: 0;

left: 0;

z-index: 90;

width: 100%;

height: 500px;

background-color: #000;

/* removed for validation 



filter: alpha(opacity=60);

-moz-opacity: 0.6px;

opacity: 0.6px; */

}