#overlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #28221a;
opacity: .8;
cursor: pointer;
}
#center, #bottom-container {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #e1d9d1;
}
.loading {
color: #666;
background: transparent url(loader.gif) no-repeat center;
}
#image {
position: absolute;
left: 0;
top: 0;
border: 5px solid #e1d9d1;
border-bottom-width: 2px;
background-repeat: no-repeat;
}
#prev, #next {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
text-decoration: none;
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin-top: -6px;
padding-top: 1px;
color: #000;
}
.text {
background-color: #e1d9d1;
visibility: hidden;
padding-bottom: 5px;
}
#prev {
left: 0;
text-align: left;
}
#prev:hover .text {
visibility: visible;
padding-right: 5px;
}
#next {
right: 0;
text-align: right;
}
#next:hover .text {
visibility: visible;
padding-left: 5px;
}
#bottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 2px solid #e1d9d1;
border-right-width: 5px;
border-left-width: 5px;
border-top-style: none;
}
#close {
display: block;
float: right;
width: 10px;
color: #666;
text-decoration: none;
font-weight: bold;
}
#close:hover {
color: #000;
}
#number {
margin-right: 10px;
font-weight: bold;
/*position: absolute;
top: 0;*/
}
#caption {
margin-top: 2px;
margin-right: 10px;
/*position: relative;
top: 15px;*/
}