/*放大镜*/
#preview{
    width:362px;
    position:relative;
	margin:0px auto;
	float: left;

}
.fdj-wrap{
    width:400px;
    height:500px;
    /*background:#abcdef;*/
   /* margin:10px auto 0 auto;*/
}

#img-medium{
    width:400px;
    height:400px;
    border:1px solid #ededed;
}

.fdj-wrap .img-small{
    width:358px;
    height:58px;
    margin-top:5px;
    /*overflow:hidden;*/
    padding:0 21px;
    /*background:red;*/
    position:relative;
}
/*小图导航*/
.fdj-wrap .img-small .img-list-items{
    width:355px;
    height:58px;
    position:absolute;
    left:21px;
    top:0;
    overflow:hidden;
}
.fdj-wrap .img-small .left,.fdj-wrap .img-small .right{
    height:54px;
    width:17px;
    border:1px solid #ccc;
    text-align:center;
    color:#ccc;
    line-height:54px;
    position:absolute;
    top:0;
}
.left{
    left:0;
}
.right{
    right:0;
}
.fdj-wrap .img-small .img-list-items ul{
    /*width:1000px;*/
    /*height:58px;*/
    position:absolute;
    top:0;
    left:0;
}
.fdj-wrap .img-small .img-list-items ul li{
    float:left;
    text-align:center;
    width:62px;
    vertical-align:center;
    /*height:58px;*/
}
.fdj-wrap .img-small .img-list-items ul li img{
    border:1px solid #ccc;
    width:54px;
    height:54px;
    cursor:pointer;
}
/*.fdj-wrap .img-small .img-list-items ul li img:hover{
    border:2px solid #e4393c;
    width:52px;
    height:52px;
}*/
/*大图*/
#img-big{
    display:none;
    width:400px;
    height:400px;
    position:absolute;
    top:0px;
    left:405px;
    border:1px solid #ccc;
    overflow:hidden;
}
#img-big img{
    
    position:absolute;
    top:0;
    left:0;
}
/*遮罩层*/
#mark{
    width:175px;
    height:175px;
    opacity:0.5;
    filter: alpha(opacity=50);
    background:#ccc;
    cursor:move;
    position:absolute;
    display:none;
}