#wdimagesview-mask
{
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5)!important;
filter: Alpha(opacity=70);
background: #000;
display: none;
z-index: 9999;
}
#wdimagesview-main
{
position: fixed;
width: 400px;
height: 300px;
background: #fff url(../image/load.gif) no-repeat center;
background-size: 80px 80px;
left: 50%;
margin-left: -200px;
top: 50%;
margin-top: -150px;
display: none;
z-index: 10000;
}
#imgbox
{
width: 100%;
height: 100%;
position: relative;
}
#imgbox img
{
width: 100%;
display: none;
}
#imgtitle
{
position: absolute;
left: 0;
bottom: 0;
width: 94%;
height: 50px;
padding: 0 3%;
background: #000;
opacity: .8;
filter: alpha(opacity=80);
color: #fff;
line-height: 25px;
font-size: 13px;
font-family: '微软雅黑';
}
#wdimagesview-closed
{
width: 60px;
height: 60px;
position: fixed;
top: 15px;
right: 15px;
background: url(/static/js/library/wdimageview/closed.png) no-repeat center;
transition: all .3s;
cursor: pointer;
display: none;
z-index: 10000;
}
#wdimagesview-closed:hover
{
transform: rotate(180deg);
}
.wdimagesview-arr
{
width: 49px;
height: 49px;
position: fixed;
background: url(/static/js/library/wdimageview/arrows.png) no-repeat;
top: 50%;
margin-top: -24px;
opacity: .4;
filter: alpha(opacity=40);
cursor: pointer;
display: none;
z-index: 10000;
}
.wdimagesview-arr:hover :last-child
{
opacity: .8;
filter: alpha(opacity=80);
}