.slides { position: relative; float: left; width: 465px; height: 260px; z-index: 100; }
.slides_container { width: 465px; height: 260px; overflow: hidden; position: relative; display: none; }
    .slides_container div.slide { width: 465px; height: 260px; display: block; position: relative; }
.pagination { position: absolute; right: 0px; bottom: 10px; height: 16px; z-index: 600; }

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

        .pagination li a { display: block; width: 16px; height: 16px; background-color: #252424; margin-right: 5px; float: left; color: #ffffff; text-align: center; line-height: 16px; overflow: hidden; }

        .pagination li.current a { border: 1px solid #bababa; background-color: #52cceb; width: 16px; color: Red; font-weight: bold; height: 16px; }
.caption { z-index: 500; position: absolute; bottom: -35px; left: 0; height: 30px; padding: 5px 20px 0 20px; background: #000; background: rgba(0,0,0,.5); width: 540px; font-size: 1.3em; line-height: 1.33; color: #fff; border-top: 1px solid #000; text-shadow: none; }