.head_slider {position: relative; float: left; margin-top: 0; width: 100%; height: 360px; z-index: 1}
#container {position:relative; margin: 0 auto; padding: 0; width: 996px;}

#slides {position: absolute; top: 0; left: 0; z-index: 100;}
#slides .next, #slides .prev {display: block; position: absolute; top: 148px; left: 14px; width: 64px; height: 64px; z-index: 101}
#slides .next {top: 148px; left: 918px}

.slides_control {display: block; height: 360px; left: -996px; position: relative; width: 996px}

.slides_container {display: none; position: relative; overflow: hidden; width: 996px; height: 360px}
.slides_container a {display: block; width: inherit; height: inherit}

.pagination {position: relative; margin: -35px 0 0 14px; padding: 0; border: 0; list-style: none; width: 170px; ; z-index: 200}
.pagination li {float: left; margin: 0 1px; padding: 0; list-style: none;}
.pagination li a {display: block; float: left; padding-top: 0px; width: 21px; height: 21; background: url(../images/sld_num.png) 0 0 no-repeat; overflow: hidden}
.pagination li.current a {background-position: 0 -21px}