* {
	margin: 0;
	padding: 0
}
ul, li {
	list-style: none
}
img {
	border: 0;
	outline: 0
}
.imgdet {
	float: left;
	position: relative;
	width: 700px;
	margin:0;
	background: #fff
}
.imgdet .imglist {
	position: relative;
	display: inline-block;
*display:inline;
*zoom:1;
	width: 84px;
	height: 100%;
}
.imgdet .imglist ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 0
}
.imgdet .imglist ul li {
	display: inline-block;
*display:inline;
*zoom:1;
	width: 80px;
	height: auto;
	border: 2px solid #e5e5e5;
	margin-bottom: 7px
}
.imgdet .imglist ul li:last-of-type {
	margin-bottom: 0
}
.imgdet .imglist ul .active {
	border: 2px solid #1f4396;
}
.imgdet .imglist ul li img {
	width: 100%;
	height: 100%
}
.imgdet .imgpart {
	vertical-align: top;
	position: relative;
	display: inline-block;
*display:inline;
*zoom:1;
	width: 610px;
	height: auto
}
.imgdet .imgpart .pic {
	position: relative;
	width: 100%;
	height: 100%;
	
}
.imgdet .imgpart .pic .magnify {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 198px;
	height:198px;
	cursor: move;
	background-color: #fff;
	opacity: .3;
	filter: alpha(opacity=30)
}
.imgdet .imgpart .pic img {
	width: 100%;
	height: 100%;
	border:1px solid #ebebeb;
}
.imgdet .imgpart .bigpic {
	display: none;
	position: absolute;
	top: 0;
	right: -355px;
	width: 345px;
	height: 345px;
	z-index: 333;
	border: 1px solid #fff;
	overflow: hidden
}
.imgdet .imgpart .bigpic>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 600px
}