.img_gallery {
	height: 250px;
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width:640px;
	margin: 0 auto
}

.main_img {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%
}

.main_img ul {
	width: 9999px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}

.main_img li {
	float: left;
	width: 100%;
}

.main_img li span {
	display: block;
	width: 100%;
	height: 100%
}

.main_img li a {
	display: block;
	width: 100%;
	height: 100%
}

.main_img li .img_1 {
	background: url(../images/img_main_1.png) center top no-repeat;
	width: 100%
}

.main_img li .img_2 {
	background: url(../images/img_main_2.png) center top no-repeat;
	width: 100%
}

.main_img li .img_3 {
	background: url(../images/img_main_3.png) center top no-repeat;
	width: 100%
}


.img_font {
	position: absolute;
	bottom: 10px;
	right: 8.5%;
	color: #fff;
	border:1px solid #fff;
	background:#fff;
	color:#000;
	border-radius:10px;
	line-height:15px;
	padding: 1px 7px
}

.img_font span {
	display: none
}

div.point {
	position: absolute;
	bottom: 33px;
	left: 50%;
	z-index: 999;
	width: 140px;
	height: 21px;
	margin: 0 0 0 -50px
}

div.point a {
	float: left;
	width: 21px;
	height: 21px;
	margin: 0;
	padding: 0;
	background: url(../images/btn_main_img.png) 0 0 no-repeat;
	display: block;
	text-indent: -1e3px
}

div.point a.on {
	background-position: 0 -21px
}

#btn_prev,#btn_next {
	z-index: 11111;
	position: absolute;
	display: block;
	width: 73px!important;
	height: 74px!important;
	top: 50%;
	margin-top: -37px;
	display: none
}

#btn_prev {
	background: url(../images/hover_left.png) no-repeat left top;
	left: 10%
}

#btn_next {
	background: url(../images/hover_right.png) no-repeat right top;
	right: 10%
}