/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */
@charset "utf-8";
/* tsShopContainer */
#tsShopContainer li, #tsShopContainer img {
	vertical-align:top;
}
#tsShopContainer {
	width: 400px;
	height: 400px;
	margin:0px auto 0 auto;
	position:relative;
	font-size:12px;
	/*padding-bottom:5px;*/
	/* border: 1px solid #e5e5e5; */
}
#tsShopContainer #tsImgS {
	text-align:center;
	width:100%;
	position:relative;
}
#tsShopContainer #tsImgS a {
	display:block;
	text-align:center;
	margin:0px auto;
}
#tsShopContainer #tsImgS img {
	border:0px;
}
#tsShopContainer #tsPicContainer {
	width:100%;
	height: 70px;
	position:relative;
	margin-top: 10px;
	/* background:url(../images/gongingshang/scrollPicbg.gif) repeat-x 0px 0px; */
}
#tsShopContainer #tsPicContainer #tsImgSArrL {
	width:17px;
	height:100%;
	background:url(../images/gongingshang/picshopArr.gif) no-repeat left center;
	position:absolute;
	top:2px;
	left:8px;
	cursor:pointer;
}
#tsImgSArrL, #tsImgSArrR{
	display: none;
}
#tsShopContainer #tsPicContainer #tsImgSArrR {
	width:17px;
	height:100%;
	background:url(../images/gongingshang/picshopArr.gif) no-repeat right center;
	position:absolute;
	top:2px;
	right:8px;
	cursor:pointer;
}
#tsShopContainer #tsPicContainer #tsImgSCon {
	position:absolute;
	top:10px;
	left: 25px;
	width: 360px !important;
	height:70px;
	overflow:hidden;
}
#tsShopContainer #tsPicContainer #tsImgSCon ul {
	width: 365px !important;
	overflow:hidden;
	/* border:  1px solid red; */
}
#tsShopContainer #tsPicContainer #tsImgSCon li {
	width:59px;
	float:left;
	cursor:pointer;
	margin-right: 13px;
}
#tsShopContainer #tsPicContainer #tsImgSCon li img {
	padding:3px;
	margin:1px;
	border:1px solid #e4e4e4;
	display:block;
	width:45px;
	height:45px;
}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img {
	border:2px solid #F00;
	margin:0px;
}
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:1px solid #aaa;
	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 */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important;
}
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		0px solid #aaa;
	background: url(../images/gongingshang/icon_zoom-lenz.png);
	cursor:move;
	background-color: transparent;
	background-attachment: scroll;
}
/* CSS style for loading animation box */
.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 */
}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}


.pd-preview {
	float: left;
}