.rg-image-wrapper{position:relative; padding:0; width:450px; margin:5px auto 0 auto; }
.rg-image{position:relative;text-align:center;line-height:0px; }
.rg-image img{max-height:100%;max-width:100%; height:450px;}

.rg-image-nav a{
	position:absolute; 
	top:125px;
	left:-15%;
	background:url(../images/nav-pro.png) no-repeat 0 0;
	width:50px;
	filter: alpha(opacity=60);
	opacity: .6;
	height:250px;
	z-index: 9;
	text-indent:-9000px;
	cursor:pointer;
	overflow:hidden;
	/* option */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.rg-image-nav a.rg-image-nav-next{
	right:-15%;
	left:auto;
	background-position:-50px 0;
}
.rg-image-nav a:hover{
	background:url(../images/nav-pro.png) no-repeat 0 0;
	filter: alpha(opacity=100);
	opacity: 1;
}
.rg-image-nav a:hover.rg-image-nav-next{
	left:auto;
	background:url(../images/nav-pro.png) no-repeat -50px 0;
	filter: alpha(opacity=100);
	opacity: 1;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:240px;
	left:50%;
	background:#000 url(../images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}

/* Elastislide Style */
.es-carousel-wrapper{
	width:700px;
	padding:10px 50px;
	position:absolute;
	left:50%;
	top:460px;
	margin-left: -350px;
}
.es-carousel{overflow:hidden;}
.es-carousel ul{
	float: left; 
	position: relative; 
	left: 50%; 
}
.es-carousel ul li{
	float: left; 
	position: relative;/* 只能用相对不能用绝对 */ 
	padding: 0; 
	left: -50%;/* 或者right: 50%; */ 
	list-style: none; 
	margin:0 5px;
}
.es-carousel ul li a{
	display:block;
	border-style:solid;
	border-color:#ddd;
	-webkit-touch-callout:none;
	/* option */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a{
	border-color:#eca6ac;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav {
	display: none;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:8px;
	background:transparent url(../images/nav_thumbs.png) no-repeat top left;
	width:20px;
	height:30px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.7;
}
.es-nav span.es-nav-next{right:8px;left:auto;background-position:top right;}
.es-nav span:hover{opacity:1.0;}



@media screen and (max-width: 768px) {
.rg-image-wrapper{width:100%;}
.rg-image img{max-height:100%;max-width:100%; height:auto; width: 100%;}
.rg-image-nav a{
	top:15%; left:0px;}
.rg-image-nav a.rg-image-nav-next{
	right:0;}
.es-carousel-wrapper{

	width:100%;

	padding:10px 0;

	position:absolute;

	left:50%;

	top:-360px;

	margin-left: -50%;

}








}