/* CSS Document */
ol, ul{ list-style: none outside none;}
/* Clear Fix */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
/* Hide from IE Mac */ 
.clearfix{display:block;} 
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{max-height: 190px}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:330px;height:307px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.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;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:330px;height:190px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;width:332px;margin-top:10px;}
.spec-scroll .picprev{float:left;margin-right:8px;}
.spec-scroll .picnext{float:right;}
.spec-scroll .picprev,.spec-scroll .picnext{display:block;font-family:"宋体";text-align:center;width:10px;height:28px; line-height:28px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}

.spec-scroll .items{float:left;position:relative;width:290px;height:50px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:50px;}
.spec-scroll .items ul li{float:left;width:52px;text-align:center;border: none;margin-right: 7px;}
.spec-scroll .items ul li img{border:1px solid #CCC;width:50px;}


.carousel {
	position:relative;
	padding-top: 214px;
}
.carousel-inner {
	position:relative;
	width:100%;
	overflow:hidden;
}
.carousel-inner>.item {
	position:relative;
	display:none;
	-webkit-transition:.6s ease-in-out left;
	-o-transition:.6s ease-in-out left;
	transition:.6s ease-in-out left;
	text-align: center;
}
.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	line-height:1;
	display: inline-block;
	max-width: 100%;
}
@media all and (transform-3d),(-webkit-transform-3d) {
	.carousel-inner>.item {
	-webkit-transition:-webkit-transform .6s ease-in-out;
	-o-transition:-o-transform .6s ease-in-out;
	transition:transform .6s ease-in-out;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	perspective:1000
}
.carousel-inner>.item.next,.carousel-inner>.item.active.right {
	left:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
.carousel-inner>.item.prev,.carousel-inner>.item.active.left {
	left:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0)
}
.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active {
	left:0;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
	display:block
}
.carousel-inner>.active {
	left:0
}
.carousel-inner>.next,.carousel-inner>.prev {
	position:absolute;
	top:0;
	width:100%
}
.carousel-inner>.next {
	left:100%
}
.carousel-inner>.prev {
	left:-100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right {
	left:0
}
.carousel-inner>.active.left {
	left:-100%
}
.carousel-inner>.active.right {
	left:100%
}
.carousel-control {
	position:absolute;
	top:45%;
	bottom:0;
	left:0;
	width:15%;
	font-size:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,.6);
	filter:alpha(opacity=50);
	opacity:.5
}
.carousel-control.left {
	
}
.carousel-control.right {
	right:0;
	left:auto;	
}
.carousel-control:hover,.carousel-control:focus {
	color:#fff;
	text-decoration:none;
	filter:alpha(opacity=90);
	outline:0;
	opacity:.9
}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
	position:absolute;
	top:50%;
	z-index:5;
	display:inline-block
}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
	left:50%;
	margin-left:-10px
}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
	right:50%;
	margin-right:-10px
}
.carousel-control .icon-prev,.carousel-control .icon-next {
	width:20px;
	height:20px;
	margin-top:-10px;
	font-family:serif
}
.carousel-indicators {
	position:absolute;
	bottom:10px;
	left:50%;
	z-index:15;
	width:60%;
	padding-left:0;
	margin-left:-30%;
	text-align:center;
	list-style:none
}
.carousel-indicators li {
	display:inline-block;
	width:9px;
	height:9px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	background-color:#000 \9;
	background-color:rgba(0,0,0,0);
	border:1px solid #fff;
	border-radius:10px;
}
.carousel-indicators .active {
	width:11px;
	height:11px;
	margin:0;
	background-color: #fff;
}
.carousel-caption {
	position:absolute;
	right:15%;
	bottom:20px;
	left:15%;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
	text-shadow:none
}
@media screen and (min-width:768px) {
	.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next {
		width:30px;
		height:30px;
		margin-top:-15px;
		font-size:30px
	}
	.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
		margin-left:-15px
	}
	.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
		margin-right:-15px
	}
	.carousel-caption {
		right:20%;
		left:20%;
		padding-bottom:30px
	}
	.carousel-indicators {
		bottom:20px
	}
}