/*图片放大镜样式*/
.right-extra{
	width:100%;
	height:auto;
	xxxborder:1px solid #f00;
}

.right-extra, .right-extra *{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.jqzoom{
	xxxborder:1px solid #000;
	position:relative;
	padding:0px;
	cursor:pointer;
	margin:0px;
	display:block;
}

.zoomdiv{
	z-index:100;
	position:absolute;
	top:50%;
	0px;
	left:0px;
	width:0px;
	height:0px;
	background:#ffffff;
	border:1px solid #CCCCCC;
	display:none;
	text-align:center;
	overflow:hidden;
	padding:0px;
}

.jqZoomPup{
	z-index:10;
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:10px;
	height:10px;
	border:1px solid #aaa;
	background:#ffffff;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
}

/*单图用height:auto;
	多图用固定 height:350px;
	*/
.spec-preview{
	padding:0px;
	margin:0px;
	height:350px;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	overflow:hidden;
	width:100%;
	xxxborder:1px solid #f0f;
}

/* h 单个图片使用*/
.spec-preview.h{
	height:auto;
}

.spec-preview span {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	padding:0px;
	margin:0px;
}

span.jqzoom img {
	width:auto;
	height:auto;
}

/*图片小图预览列表*/
.spec-scroll{
	width:100% !important;
	height:60px;
	position:relative;
	margin:5px auto;
}

.spec-scroll .prev{
	flex:0 0 30px;
	width:30px !important;
	margin:0
}

.spec-scroll .next{
	flex:0 0 30px;
	width:30px !important;
}

.spec-scroll .prev,
.spec-scroll .next{
	display:block;
	font-family:"宋体";
	text-align:center;
	height:54px;
	line-height:54px;
	border:1px solid #CCC;
	xxxbackground:#EBEBEB;
	cursor:pointer;
	text-decoration:none;
}

.spec-scroll .items{
	flex:1 1 auto;
	position:relative;
	width:auto;
	height:56px;
	overflow:hidden;
}

.spec-scroll .items ul{
	position:absolute;
	width:999999px;
	height:56px;
}

.spec-scroll .items ul li{
	float:left;
	width:64px;
	height:50px;
	border:1px solid #CCC;
	text-align:center;
	margin:2px;
}

.spec-scroll .items ul li img{
	max-width:50px;
	height:auto;
	max-height:48px;
}

.spec-scroll .items ul li img:hover{
	border:2px solid #FF6600;
	padding:1px;
}

/*--star @ ------------------------------------------------------------*/
@media only screen and (min-width:1rem){
.jqZoomPup{
	display:none;
}

.zoomdiv{
	width:0px !important;
	height:0px !important;
}

span.jqzoom img {
	max-height:300px;
	max-width:100%;
}}

@media only screen and (min-width:370px){
span.jqzoom img {
	max-height:300px;
	max-width:100%;
}}

@media only screen and (min-width:424px){}

@media only screen and (min-width:42.4375rem){
.jqZoomPup{
	display:block;
}

.zoomdiv{
	width:350px !important;
	height:auto !important;
	max-height:350px !important;
}

span.jqzoom img {
	max-width:100%;
	max-height:320px;
}}

@media only screen and (min-width:62.8125rem){
span.jqzoom img {
	width:auto;
	height:auto;
	max-height:345px;
	max-width:100%;
	border:1px solid #ddd;
}}

@media only screen and (min-width:80.6875rem){

/*放大的图片显示div*/
.zoomdiv{
	width:382px !important;
	height:auto !important;
	max-height:410px !important;
}

/*大图显示的规矩*/
span.jqzoom img {
	width:auto;
	height:auto;
	max-height:340px;
	max-width:100%;
}}