*{
	margin: 0;
	padding: 0;
}

/*主容器*/
.con-FangDa{
	height: auto;
	margin: 10px auto;
	background-color:#fff;
}
/*正常容器*/
.con-fangDaIMg{
	width: 400px;
	height: 400px;
	position: relative;
	border: 1px solid #ececec;
	background-color: #fff;
	box-sizing: border-box;
}


.con-warrp>a{
	width:400px !important;
	height: 400px !important;
	display: table-cell !important;
	vertical-align: middle;
	text-align: center;
}
.con-warrp{
	width: 400px;
	height: 400px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.con-warrp img{
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}




.con-fangDaIMg > img{
	max-width: 100%;
	max-height: 100%
}
/*滑块*/
.magnifyingBegin{
	width: 150px;
	height: 175px;
	left: 0;
	top: 0;
	background-color: #454545;
	opacity: 0.3;
	filter:alpha(opacity=50);
	position: absolute;
	cursor: move;
	display: none;
}
/*放大镜显示区域*/

.tabel-cell {
	display: table-cell;
	width: 450px;
	height: 450px;
	vertical-align: middle;
	text-align: center;
}

.tabel-cell img {
	display: inline-block;
	/*max-width: 100%;
	max-height: 100%;*/
}

.magnifyingShow{
	width: 300px;
	height: 300px;
	display: none;
	position: absolute;
	right: -303px;
	z-index: 999;
	top: 0;
	overflow: hidden;
	border: 1px solid #ececec;
	background-color:#fff;
}
.magnifyingShow > img{
	width: 900px;
	height: 1350px;
	margin-left:0;
	margin-top: 0;
}
/*设置选择图片容器*/
.con-FangDa-ImgList{
	list-style: none;
}

.con-FangDa-ImgList > li {
	/*width: 136px;
	height: 136px;*/
	cursor: pointer;
	border: 1px solid #eeeeee;
	background-color: #eeeeee;
	text-align:center;
	box-sizing: border-box;
	margin-right: 5px;
}

.con-FangDa-ImgList > li a {
	display: table-cell;
	width: 70px;
	height: 70px;
	vertical-align: middle;
	text-align: center;
}

.con-FangDa-ImgList > li > a > img{
	vertical-align:top;
	display:inline;
	max-width: 100%;
	max-height:100%;
}
.con-FangDa-ImgList > .active{
	border-color:#3a9b4f;
}
/* .con-FangDa>div {padding-left: 20px;} */
@media only screen and (max-width: 1400px) {
	.con-warrp {
		width: 28vw;
		height: 28vw;
	}
	.con-fangDaIMg{
		
		height: auto;
	}

	.tabel-cell {
		width: 35vw;
		height: 28vw;
	}

	.magnifyingShow {
		width: 30vw;
		height: 28vw;
		right: -34vw;
	}

	

	.con-FangDa-ImgList > li a {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

	.con-FangDa-ImgList > li > a > img{
		display:inline;
		max-width: 100%;
		max-height: 100%;
	}
}

@media only screen and (max-width: 1200px) {
	.con-warrp {
		width: 44vw;
    	height: 35vw;
	}
	.con-fangDaIMg{
		height: auto;
	}

	.tabel-cell {
		width: 35vw;
		height: 28vw;
	}

	.magnifyingShow {
		width: 30vw;
		height: 28vw;
		right: -34vw;
	}

	.con-FangDa-ImgList > li {
		
	}

	.con-FangDa-ImgList > li a {
		display: table-cell;
		
		vertical-align: middle;
		text-align: center;
	}

	.con-FangDa-ImgList > li > a > img{
		display:inline;
		max-width: 100%;
		max-height: 100%;
	}

	.con-FangDa>div {
	    padding-left: 20px;
	    box-sizing: border-box;
	}
}