.banner{height:299px;}
.slider{height:299px; position:relative; margin-left: -242px; background:url(images/slider/slider.png) no-repeat center}
/* Slider */
#slides{width:100%; position:relative; z-index:0; padding-top:30px}
#slides .slide{width:55%; padding:40 20px 0 20px; margin:0 auto; margin-top:20px}
.slide p{margin-top:60px; margin-left:160px; font-size:16px; width:80%; color:#fff; float:left; text-shadow:#000 0px 1px 1px}
.slide h3{color:#fff; font-size: 30px; width:72%; font-weight:bold; margin-left:170px; text-align:righ; float:left; position:absolute; text-shadow:#000 0px 1px 1px}
#slides .img-front{width:auto; height:216px;     position:absolute;     margin-left:10px}
.slides_container{width:100%; max-width:1280px; min-width:918px; height:250px; margin:0 auto; margin-top:0px; overflow:hidden; position:relative}

.pagination{margin:0px auto 0px auto; position:relative; width:100px; padding-top:-35px}

.pagination li{float:left; margin:7px 1px 0px 1px; list-style-type:none}

.pagination li a{display:block; width:12px; height:0; padding-top:12px; background-image:url(images/slider/pagination.png); background-position:0 0; float:left; overflow:hidden}

.pagination li.current a{background-position:0 -12px}

#slides .link{display:block; margin-top:10px; font-weight:800}
.prev, .next{position:absolute; display:block; height:80px; width:40px; top:65px; z-index:10}
.prev span, .next span{position:absolute; border-top:6px solid transparent; border-bottom:6px solid transparent; display:block; width:0; height:0; top:19px}
.prev{left:0px}
.next{right:0px}
.prev span{background:url(images/slider/arrow.png) no-repeat; height:80px; width:40px}
.prev:hover span{background:url(images/slider/arrowh.png) no-repeat; height:80px; width:40px}
.next span{background:url(images/slider/arrownext.png) no-repeat; height:80px; width:40px}
.next:hover span{background:url(images/slider/arrownexth.png) no-repeat; height:80px; width:40px}
/*  End Slider */