/*产品预览*/
#preview ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {
    margin:0px;
    padding:0px;
    border:none;
    list-style:none;
}
#preview{
    position: relative;
    width: 35%;
    float: left;
}

#preview>#mediumDiv
{
    width: 350px;
    height: 350px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    text-align:center;
    position: relative;
}
#preview>#mediumDiv img
{
    vertical-align:middle;
    width:350px;
    height:350px;
}
#preview>#mediumDiv>#mask{
    position: absolute;
    width: 175px;
    height: 175px;
    background: #ffa;
    opacity: 0.5;
    top: 0;
    left: 0;
    display:none;
}
#preview>#mediumDiv>#superMask{
    position: absolute;
    width: 350px;
    height: 350px;
    opacity: 0;
    top: 0;
    left: 0;
    cursor: move;
}
#preview>#largeDiv{
    position: absolute;
    width: 400px;
    height: 400px;
    background: #fff;
    background-size: 100% 100%;
    border: 1px solid #ddd;
    top: 0;
    left: 355px;
    z-index: 999;
    display: none;
}
#preview h1
{
    width: 352px;
    height: 54px;
    overflow:hidden;
    padding: 0px;
    position:relative;
    margin: 0;
}
/*前后移动的按钮*/
#preview a.backward,#preview a.forward,#preview a.backward_disabled,#preview a.forward_disabled {
    width: 17px;
    height: 54px;
    background-image: url(../images/iconlist_1.png);
    background-repeat: no-repeat;
    display:block;
    z-index:20;
    position:absolute;
    top:0px;
}
#preview a.backward,#preview a.backward_disabled {
    left:0px;
}
#preview a.forward,#preview a.forward_disabled {
    right:0px;
}
#preview a.backward {
    background-position: 0px -139px;
}
#preview a.backward:hover {
    background-position: -34px -139px;
}
#preview a.backward_disabled {
    background-position: -68px -139px;
}
#preview a.forward {
    background-position: -17px -139px;
}
#preview a.forward:hover {
    background-position: -51px -139px;
}
#preview a.forward_disabled {
    background-position: -85px -139px;
}

/*产品的图标列表*/
#preview #icon_list {
    height: 54px;
    position:absolute;
    left: 20px;
    top: 0px;
}
#preview #icon_list li {
    width: 62px;
    text-align: center;
    float: left;
}
#preview #icon_list li img {
    width: 50px;
    height: 50px;
    padding: 1px;
    border: 1px solid #CECFCE;
    margin-top: 3px;
}
#preview #icon_list li img:hover {
    border: 2px solid #e4393c;
    padding: 0;
}