/* ------ 6.2 Slider ----- */

.slider { width: 478px; position: relative; margin-top:8px;}
.slides { position: absolute; left: 35px; }
.previous, .next, .pager a { background: url(../images/bg-slider.png) no-repeat; }
.previous, .next { position: absolute; top: 180px; display: block; width: 20px; height: 30px; text-indent: -9999px; }
.previous { background-position: -20px 0; }
.next { left: 470px; background-position: -40px 0;  }
.pager { position: absolute; top: 415px; width: 450px; z-index: 100; left: 58px; }
.pager a { display: block; width: 16px; height: 16px; background-position: 3px 3px; float: left; text-indent: -9999px; }
.pager a:hover, .pager a.activeSlide { background-position: 3px -17px; }

.show-block { width: 280px; height: 160px; float: left; margin: 0 30px 30px 0; position: relative; }
.last { margin-right: 0; }
.show-block .cover { margin: 5px 0 0 10px; position: relative; overflow: hidden; width: 280px; height: 150px; cursor: pointer; }
.show-block .cover img { position: absolute; z-index: 2; left: 0; top: 0; }
.show-block .cap { color: #3399CC; line-height: 15px; z-index: 1; margin: 113px 0 0 10px; }
.show-block .cap span { color: #4e4e4e; }
.show-block a { text-decoration: none; }