@charset "utf-8";

#slides{ width:100%; margin:50px auto; height:200px; overflow:hidden; position:relative;}
#slides1{ width:100%; margin:0px auto; height:200px; overflow:hidden; position:relative;}
@media(max-width:768px){
	#slides{display:none;}
}
.slides_container li{ width:auto; float:left;}
.slides_container li a{ display:inline-block; width:auto; height:auto; border:1px solid #fff;}
.slides_container li a img{ min-width:100%; height:200px; }
.slides_container li a:hover{ border:1px solid #0078dc;}
.slides_container li a:hover span{ color:#ff8400;}

.pagination{display:none; position:absolute; left:323px; z-index:10; top:150px;}
.pagination li{ float:left; padding-right:7px;}
.pagination a{ display:block; outline:none; background:url(../images/pg.gif) no-repeat -1px 0; text-indent:-999em; width:14px; height:14px;}
.pagination li.current a{ background-position:-22px 0;}

.prev{ background:url(../images/arr.png) no-repeat; width:29px; height:43px; display:block; left:1px; top:80px; position:absolute; text-indent:-999em; outline:none; z-index:11;}
.prev:hover{ background-position:0 -43px;}
.next{ background:url(../images/arr.png) no-repeat -29px 0; width:29px; height:43px; display:block; right:0px; top:80px; position:absolute; text-indent:-999em;outline:none;z-index:11;}
.next:hover{ background-position:-29px -43px;}