@charset "utf-8";
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input,span{margin:0;padding:0;}
body{font-size:12px;font-family: "Microsoft Yahei","微软雅黑";}
img{border:none;}
li{list-style:none;}
input,select,textarea{outline:none;border:none; background:none;}
textarea{resize:none;}
a{text-decoration:none;display:block;}

/*放大镜*/
#preview{
  /*  width:352px; */
    position:relative;
	margin:0px auto  0.48rem;
	width: 5rem;
   z-index: 99;
}


#img-medium{
    width:5rem;
    height:5rem;
	text-align: center;
	line-height: 5rem;
    padding-top: 20px;

}

.fdj-wrap .img-small{
    width:100%;
    height:58px;
    margin-top:5px;
    /*overflow:hidden;*/
    padding:0 21px;
    /*background:red;*/
    position:relative;
}
/*小图导航*/
.fdj-wrap .img-small .img-list-items{
    width:100%;
    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 #abcdef;*/
    text-align:center;
    color:#abcdef;
    line-height:54px;
    position:absolute;
    top:0;
}
.fdj-wrap .img-small .left{
	background: url(../images/picshopArr.png) no-repeat ;
	background-position:0px 0px ;
}
.fdj-wrap .img-small .right{
	background: url(../images/picshopArr.png) no-repeat ;
	background-position:-18px 0px ;
}
.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 #abcdef;*/
    width:54px;
    height:54px;
    cursor:pointer;
    max-width: none;
    max-height: none;
    min-width: auto;
}
/*.fdj-wrap .img-small .img-list-items ul li img:hover{
    border:2px solid #e4393c;
    width:52px;
    height:52px;
}*/
/*大图*/
#img-big{
    display:none;
	width: 5rem;
	height: 5rem;
   /* width:400px;
    height:400px; */
    position:absolute;
    top:0px;
    left:5rem;
    border:1px solid #666;
    overflow:hidden;
	z-index: 99;
	background: #fff;
	
}
#img-big img{
    
    position:absolute;
    top:0;
    left:0;
    width: auto;
	transform: scale(2,2);
	margin-left: 300px;
	margin-top: 300px;
}
/*遮罩层*/
#mark{
    width:175px;
    height:175px;
    opacity:0.5;
    filter: alpha(opacity=50);
    background:#abcdef;
    cursor:move;
    position:absolute;
    display:none;
}
.fdj-wrap{
	background: #fff;
    padding-bottom: 10px;
}