@charset "utf-8";

#zoom {
	z-index: 1;
	margin: 0 auto;
	width: 800px;
	height: auto;
}
#zoom .style {
	z-index: 99;
	width: 150px;
	bottom: 0px;
	display: block;
	background-image: url(../images/icon_f.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: right;
	height: 172px;
	right: 0px
}
#zoom_box {
	position: relative;
	margin: 30px auto 20px;
	width: 100%;
	height: 300px
}
#zoom_box ul {
	width: 100%;
	height: 300px
}
#zoom_box li {
	z-index: 0;
	position: absolute;
	list-style-type: none;
	width: 0px;
	height: 0px;
	top: 146px;
	cursor: pointer;
	list-style-image: none;
	left: 377px;
}
#zoom_box li > a > img {
	width: 100%;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center 50%;
	height: 100%;
	vertical-align: top
}
#zoom_box li span {
	display: none;
	color: #fff;
	position: absolute;
	bottom: -50px;
	width: 100%;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
}
#zoom_box li span img{
	vertical-align:text-bottom;
}
#zoom_box .prev {
	display: block;
}
#zoom_box .next {
	display: block;
}
#zoom_box .prev {
	z-index: 100;
	overflow: hidden;
	cursor: pointer
}
#zoom_box .next {
	z-index: 100;
	overflow: hidden;
	cursor: pointer
}
#zoom_box .prev {
	position: absolute;
	width: 52px;
	background-image: url(../images/prev.png);
	background-position: 0px 0px;
	height: 120px;
	top: 120px;
	left: 0px
}
#zoom_box .next {
	position: absolute;
	width: 52px;
	background-image: url(../images/next.png);
	background-position: 0px 0px;
	height: 120px;
	top: 120px;
	right: 0px
}
#zoom_text{
	color: #fff;
	position: absolute;
	z-index: 5;
	width: 100%;
	bottom: -30px;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
}
#zoom_text img{
	vertical-align: middle
}