@charset "utf-8";
html,body,ul,li,p{margin:0px;padding:0px;}
li{list-style:none;}

/* tsShopContainer */
#tsShopContainer li,
#tsShopContainer img{
	vertical-align:top;
}
#tsShopContainer{
	float: left;
	width: 480px;
	height: 600px;
	position:relative;
	font-size:12px;
}
#tsShopContainer #tsImgS{
	text-align:center;
	width:478px;
	height: 478px;
	position:relative;
	border: 1px solid #ddd;
}
#tsShopContainer #tsImgS a{
	display:block;
	text-align:center;
	margin:0px auto;
	width: 100%;
	height: 100%;
}
#tsShopContainer #tsImgS a>img{
	width: 100%;
	height: 100%;
}
#tsShopContainer #tsImgS img{
	border:0px;
}
#tsShopContainer #tsPicContainer{
	width:100%;
	height:98px;
	position:relative;
	margin: 15px auto 0;
	overflow: hidden;
}
#tsShopContainer #tsPicContainer #tsImgSArrL{
	width:20px;
	height:100%;
	background:url(../images/picshopArr.jpg) no-repeat left center;
	position:absolute;
	top:0px;
	left:0;
	cursor:pointer;
}
#tsShopContainer #tsPicContainer #tsImgSArrR{
	width:20px;
	height:100%;
	background:url(../images/picshopArr.jpg) no-repeat right center;
	position:absolute;
	top:0px;
	right:0;
	cursor:pointer;
}
#tsShopContainer #tsPicContainer #tsImgSCon{
	position:absolute;
	top:1px;
	left:10px;
	height:96px;
	overflow:hidden;
}
#tsShopContainer #tsPicContainer #tsImgSCon ul{
	width:100%;
	overflow:hidden;
}
#tsShopContainer #tsPicContainer #tsImgSCon li{
	width:107px;
	height: 98px;
	float:left;
	cursor:pointer;
}
#tsShopContainer #tsPicContainer #tsImgSCon li img{
	border: 1px solid #ddd;
	display:block;
	width:94px;
	height:94px;
}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{
	border: 1px solid #ffa21c;
}



/*放大区*/
.MagicZoomBigImageCont {
	height: 100px;
	border: 1px solid #ddd;
	background: #FFF;
}

.MagicZoomMain {
	text-align: center !important;
	width: 92px;
}

.MagicZoomMain div {
	padding: 0px !important;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag 如果显示的标题是“标题”属性是目前在<a>标签*/
.MagicZoomHeader {
	font: 10px Tahoma, Verdana, Arial, sans-serif;
	color: #fff;
	background:	#fff;
	text-align: center !important;
}


/* CSS class for small looking glass square under mouse 鼠标下的小镜子平方的CSS类*/
.MagicZoomPup {
	border: 0px solid #aaa;
	background: #fff;
}

/* CSS style for loading animation box 加载动画框的CSS样式*/
.MagicZoomLoading {
	text-align:	center;
	background: #ffffff;
	color: #444;
	border: 1px solid #ccc;
	opacity: 0.8;
	padding: 3px 3px 3px 3px !important;
	display: none; /* do not edit this line please */
}

/*loading animation*/
.MagicZoomLoading img {
	padding-top: 3px !important;
}