/* products_detail_01   产品详细页面样式  
--------------------------------------------------------------------*/
.products_photo {
	width: 100%;
	position: relative;
}

.pic_zoom {
	position: relative;
	width: 540px;
	height: 540px;
	border: 1px solid #ccc;
	padding: 4px;
	float: left;
}

.pic_zoom img {
	width: 540px;
	height:540px;
}

.pic_zoom .zoom_icon {
	display: none;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 1px;
	bottom: 1px;
	background: url(../../img/common/Gui.gif) no-repeat 0px -220px;
}

.pic_zoom span img {
	width: auto;
	height:auto;
}

.pic_list {
	width: 90px;
	height: 550px;
	float: right;
	position:relative;
}

.pic_list .pic_list_content {
	width: 90px;
	height: 490px;
	margin-top: 10px;
	overflow:hidden;
}

.pic_list .pic_list_content ul li{
	width: 84px;
	height: 84px;
	padding: 2px;
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
	transition: all 0.5s;
}

.pic_list .pic_list_content ul li:hover{
	border: 1px solid #000;
}

.pic_list .pic_list_content ul li img{
	height: 100%;
	width: 100%;
}

.pic_list .prev ,.pic_list .next{
	display: block;
	position: relative;
	width: 90px;
	height: 20px;
	left: 0px;
	background: url(../../img/photo_btn.png) 0 0 no-repeat;
}

.pic_list .next{
	margin-top: 10px;
	background: url(../../img/photo_btn.png) 0 -20px no-repeat;
}

.pic_list .prev:hover{
	background: url(../../img/photo_btn.png) -90px 0 no-repeat;
}

.pic_list .next:hover{
	background: url(../../img/photo_btn.png) -90px -20px no-repeat;
}