.lb-loader,
.lightbox{
text-align:center;line-height:0
}
body:after{
content:url('../images/close.png) url('../images/loading.gif) url('../images/prev.png) url('../images/next.png);
display:none;
}
.lb-dataContainer:after,
.lb-outerContainer:after{
content:"";
clear:both
}
body.lb-disable-scrolling{
overflow:hidden
}
.lightboxOverlay{
position:absolute;
top:0;
left:0;
z-index:9999;
background-color:#000; /*000 */
filter:alpha(Opacity=60);/*80 */
opacity:.6;/*8 */
display:none
}
.lightbox{
position:absolute;
left:0;
width:100%;
z-index:10000;
font-weight:400
}
.lightbox .lb-image{
display:block;
height:auto;
max-width:inherit;
max-height:none;
border-radius:3px;
border:4px solid #fff
}.
lightbox a img{
border:none
}
.lb-outerContainer{
position:relative;
width:250px;
height:250px;
margin:0 auto;
border-radius:4px;
background-color:#fff
}
.lb-loader,.lb-nav{
position:absolute;
left:0
}
.lb-outerContainer:after{
display:table
}
.lb-loader{
top:43%;
height:25%;
width:100%
}.lb-cancel{
display:block;
width:32px;
height:32px;
margin:0 auto;
background:url('../images/loading.gif') no-repeat
}
.lb-nav{
top:0;
height:100%;
width:100%;
z-index:10
}
.lb-container>.nav{
left:0
}
.lb-nav a{
outline:0;
background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}.
lb-next,.lb-prev{
height:100%;
cursor:pointer;
display:block
}
.lb-nav a.lb-prev{
width:34%;
left:0;
float:left;
background:url('../images/prev.png') left 48% no-repeat;
filter:alpha(Opacity=0);
opacity:0;-webkit-transition:opacity .6s;
-moz-transition:opacity .6s;
-o-transition:opacity .6s;
transition:opacity .6s
}
.lb-nav a.lb-prev:hover{
filter:alpha(Opacity=100);
opacity:1
}
.lb-nav a.lb-next{
width:64%;
right:0;
float:right;
background:url('../images/next.png') right 48% no-repeat;
filter:alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity .6s;
-moz-transition:opacity .6s;
-o-transition:opacity .6s;
transition:opacity .6s
}
.lb-nav a.lb-next:hover{
filter:alpha(Opacity=100);
opacity:1
}
.lb-dataContainer{
margin:0 auto;
padding-top:5px;
width:100%;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px
}
.lb-dataContainer:after{
display:table
}.lb-data{
padding:0 4px;
color:#ccc
}
.lb-data .lb-details{
width:85%;
float:left;
text-align:left;
line-height:1.1em;
font-family:Arial, Helvetica, sans-serif;/* - */
}
.lb-data .lb-caption{
font-size:13px;
font-weight:700;
line-height:1em
}
.lb-data .lb-caption a{
color:#4ae
}
.lb-data .lb-number{
display:block;
clear:left;
padding-bottom:1em;
font-size:12px;
color:#999
}
.lb-data .lb-close{
display:block;
float:right;
width:30px;
height:30px;
background:url('../images/close.png') top right no-repeat;
text-align:right;
outline:0;
filter:alpha(Opacity=70);
opacity:.7;
-webkit-transition:opacity .2s;
-moz-transition:opacity .2s;
-o-transition:opacity .2s;
transition:opacity .2s
}.lb-data .lb-close:hover{
cursor:pointer;
filter:alpha(Opacity=100);
opacity:1
}