div#lightbox
{
position:fixed;
display:none;
top:0;
left:0;
width:100%;
height:100%;
}

.wrapContainer
{
top:0;
left:0;
width:100%;
height:100%;
}

#underlayContainer
{
position:absolute;
display:block;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000000;
filter:alpha(opacity=50);
opacity:0.5;
}

#relativeContainer
{
position:relative;
clear:both;
margin:auto;
top:-100%;
left:0px;
width:830px;
height:460px;
background-color:#ffffff;
}

#absoluteContainer
{
position:absolute;
clear:both;
margin:auto;
top:0;
left:0;
width:830px;
height:520px;
background-color:#ffffff;
}

div#top
{
position:relative;
top:0px;
float:left;
height:50%;
width:100%;
margin-bottom:-240px;
}

div#staticContainer
{
position:static;
width:100%;
height:100%;
}
#imgclose {
position:absolute;
top:3px;
right:3px;
cursor:pointer;
}
.imgContainer
{
position:absolute;
clear:both;
width: 830px;
height: 460px;
background-color:#ffffff;
left:50%;
top:50%;
margin-left:-415px;
margin-top:-220px;
}

.imgPreview
{
position:absolute;
top: 20px;
left: 20px;
background-color:#bfbfbf;
width:520px;
height:390px;
cursor:pointer;
}

.imgPreview img
{
position:absolute;
opacity:0;
}

.imgDescription
{
position:absolute;
top:20px;
right:10px;
width:270px;
height:390px;
background-color:#ffffff;
}

.imgNavi
{
position:absolute;
left:20px;
bottom:18px;
}

.imgNavi div
{
width:8px;
height:15px;
cursor:pointer;
}

.imgNavi div.imgBackward
{
position:absolute;
bottom:0;
left: 0;
background-image:url('layout/lightbox/left.gif');
}

.imgNavi div.imgForward
{
position:absolute;
left:18px;
bottom:0;
background-image:url('layout/lightbox/right.gif');
}