*  {
margin : 0;
padding : 0;
}
#lightview {
position : fixed;
top : 50%;
left : 50%;
height : 150px;
width : 150px;
margin : -75px 0 0 -75px;
}
#lightview ul li {
list-style-type : none;
}
#lightview .container {
position : relative;
width : 100%;
height : 100%;
}
#lightview .button {
cursor : pointer;
text-decoration : none;
border : none;
}
#lightview .sideButtons {
position : absolute;
top : 50%;
margin-top : -11px;
left : 0;
clear : both;
width : 100%;
height : 22px;
}
#lightview .side {
position : relative;
overflow : hidden;
}
#lightview .frames .frame {
position : absolute;
left : 0;
width : 100%;
display : block;
}
#lightview .frames .top {
top : 0;
}
#lightview .frames .bottom {
bottom : 0;
}
#lightview .liquid {
position : relative;
float : left;
width : 100%;
overflow : hidden;
clear : both;
}
#lightview .liquid .filler {
position : absolute;
height : 100%;
width : 2px;
top : 0;
left : 50%;
}
#lightview .half {
display : block;
height : 100%;
clear : both;
line-height : 0;
}
#lightview .half .corner {
float : left;
height : 10px;
width : 10px;
}
#lightview .fill {
position : absolute;
top : 0;
width : 100%;
height : 100%;
}
#lightview .container .wrap {
float : left;
position : relative;
width : 50%;
height : 100%;
overflow : hidden;
}
#lightview .right .corner {
position : relative;
float : right;
}
#lightview .center {
position : relative;
clear : both;
height : 100%;
overflow : hidden;
}
#lightview .wrapup {
position : absolute;
left : 0;
height : 100%;
width : 100%;
overflow : hidden;
}
#lightview .wrapdown {
position : relative;
height : 100%;
width : 100%;
overflow : hidden;
}
#lightview .loading {
width : 22px;
height : 22px;
position : absolute;
top : 50%;
left : 50%;
margin-top : -11px;
margin-left : -11px;
}
#lightview .loading .button {
float : left;
height : 100%;
width : 100%;
}
#lightview .imageWrapper {
position : relative;
width : 100%;
display : block;
overflow : hidden;
}
#lightview .imageWrapper img {
position : relative;
float : left;
}
#lightview .prevnext {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
}
#lightview .prevnext .button {
position : relative;
height : 100%;
width : 49%;
display : block;
}
#lightview .dataContainer {
clear : both;
position : relative;
width : 100%;
float : left;
font : 11px Arial, Helvetica, sans-serif;
color : gray;
}
#lightview .close, #lightview .data {
margin-top : 6px;
}
#lightview .close {
float : right;
overflow : hidden;
}
#lightview .close .button {
float : right;
width : 100%;
height : 100%;
}
#lightview .data {
position : relative;
float : left;
padding-bottom : 3px;
line-height : 13px;
}
#lightview .imgText div, #lightview .imgNumber div {
margin-left : 3px;
}
#lightview .data li {
float : left;
margin-top : 3px;
}
#lightview .imgText {
width : 100%;
}
#lightview .imgText .title {
font-weight : 700;
}
#lightview .imgText .caption {
clear : both;
}
#lightview .imgNumber {
color : #b8b8b8;
margin-right : 5px;
margin-top : 5px;
}
#lightview .slideshow {
border-left : 1px solid #efefef;
padding-left : 5px;
margin-top : 5px;
}
#lightview .slideshow .button {
float : left;
width : 43px;
height : 13px;
background-position : center left;
background-repeat : no-repeat;
}
#overlay {
position : fixed;
top : 0;
left : 0;
height : 100%;
width : 100%;
background : #000;
}
#overlay .closeable {
position : relative;
height : 100%;
width : 100%;
background : #000;
}
#lightview .sideButtons .next, #lightview .tr, #lightview .br, #lightview .container .right .wrap, #lightview .prevnext .next {
float : right;
}
#lightview .side .wrapper, #lightview .frames {
width : 100%;
height : 100%;
}
#lightview .corner, #lightview .wrapcenter {
position : relative;
}