.clearfix:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
*html .clearfix
{
zoom: 1;
}
.fl
{
float: left;
}
.fr
{
float: right;
}
.tc
{
text-align: center;
}
.tr
{
text-align: right;
}
.fb
{
font-weight: bold;
}
.f12
{
font-size: 12px;
}
h3
{
font-weight: normal;
}
.listop
{
padding-top: 15px;
}
.mr10
{
margin-right: 10px;
}
.mr15
{
margin-right: 15px;
}
.mL10
{
margin-left: 10px;
}
.mL15
{
margin-left: 15px;
}
.mt10
{
margin-top: 10px;
}
.mt15
{
margin-top: 15px;
}
.mb10
{
margin-bottom: 10px;
}
.mb15
{
margin-bottom: 15px;
}
.weiduduan
{
width: 444px;
margin-top: -25px;
}
.demoh2
{
font-size: 14px;
margin: 20px;
color: #f60;
}
.preview
{
width: 444px;
}
.smallImg
{
position: relative;
padding: 5px 0;
width: 444px;
overflow: hidden;
}
.scrollbutton
{
width: 10px;
height: 45px;
overflow: hidden;
position: absolute;
top: 5px;
cursor: pointer;
background: url(../image/zoom.gif) no-repeat;
}
.scrollbutton.smallImgUp
{
background-position: 0 0;
left: 3px;
}
.scrollbutton.smallImgDown
{
background-position: -11 0;
right: 3px;
}
#imageMenu
{
height: 45px;
overflow: hidden;
width: 414px;
padding: 0 20px;
}
#imageMenu li
{
height: 82px;
width: 45px;
overflow: hidden;
float: left;
}
#imageMenu li img
{
padding: 1px;
border: 1px solid #e8e8e8;
width: 41px;
height: 41px;
cursor: pointer;
}
#imageMenu li#onlickImg img
{
border: 1px solid #900;
}
.bigImg
{
position: relative;
width: 444px;
height: 350px;
overflow: hidden;
}
.bigImg #midimg
{
width: 438px;
height: 344px;
padding: 3px;
}
.bigImg #winSelector
{
width: 235px;
height: 210px;
}
#winSelector
{
position: absolute;
cursor: crosshair;
filter: alpha(opacity=15);
-moz-opacity: .15;
opacity: .15;
background-color: #000;
border: 1px solid #fff;
}
#bigView
{
position: absolute;
border: 1px solid #cfcfcf;
overflow: hidden;
width: 260px;
height: 295.652px;
top: 300px;
left: 540px;
z-index: 999;
}
#bigView img
{
position: absolute;
}