﻿@charset "utf-8";
.pd_detail {
	width: 452px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.jqzoom {
	border: none;
	position: relative;
	padding: 0px;
	cursor: pointer;
	display: block;
	height:378px;
	
}
.jqzoom img {
	background: url(../images/loading.gif) no-repeat center center;
	max-width: 378px;
	max-height: 378px;
	line-height:378px;
	margin:0px auto;
	position:absolute;
	top:50%;
	margin-top:-189px;
	left:0;
	right:0;
	bottom:0;
	display:table-cell;
	vertical-align: middle;
}
.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	width: 350px;
	height: 350px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
	margin-left: 10px;
	left: 62% !important;
	top: 105% !important;
	}
.zoomdiv img{max-width:unset !important;width:1024px;height:auto;}
.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    max-height:100%;
    max-width:100%;
    filter: alpha(Opacity=50);
}
/*图片小图预览列表*/
.spec-preview {
	width: 378px;
	height: 378px;
	border: 1px solid #DFDFDF;
	margin: 0px auto;
	margin-bottom: 20px;
}
.spec-scroll {
	clear: both;
	margin-top: 10px;
	width: 378px;
	    margin: 0px auto;
}
.spec-scroll .prev {
	float: left;
	margin-right: 4px;
}
.spec-scroll .next {
	float: right;
}
.spec-scroll .prev, .spec-scroll .next {
	display: block;
	font-family: "宋体";
	text-align: center;
	width: 18px;
	height: 70px;
	cursor: pointer;
	text-decoration: none;
	border:solid 1px #ebebeb;
	font-size:22px;
	color:#b2b2b2;
	font-family:"宋体";
	line-height:70px;
}

.spec-scroll .items {
	float: left;
	position: relative;
	width: 326px;
	height: 80px;
	overflow: hidden;
}
.spec-scroll .items ul {
	position: absolute;
	width: 999999px;
	height: 78px;
}
.spec-scroll .items ul li {
	float: left;
	width: 82px;
	height:72px;
	text-align: center;
}
.spec-scroll .items ul li img {
	border: 1px solid #CCC;
	padding: 2px;
	width: 68px;
	height: 68px;
}
.spec-scroll .items ul li img:hover {
	border: 2px solid #cf403c;
	padding: 1px;
}
