div.slider { position: relative; width: 980px; height: 360px; overflow: hidden; }
div.slider div.holder { position: absolute; left: 0; width: 100%; height: 360px; }
div.slider div.holder div.item { position: relative; float: left; }
div.slider div.item a { display: block; text-decoration: none; }
div.slider div.item img { display: block; }
div.slider div.item div.foot { position: absolute; left: 0; bottom: 0; background: url('../img/overlay_dark_70.png'); width: 920px; height: 50px; line-height: 50px; padding: 0 30px; }
div.slider div.item div.foot span { color: #fff; font-size: 17px; }

div.slider ul.controls { position: absolute; right: 30px; bottom: 70px; }
div.slider ul.controls li { float: left; display: block; margin-left: 10px; background: url('../img/overlay_dark_70.png'); }
div.slider ul.controls li a { display: block; width: 20px; height: 20px; line-height: 20px; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; text-align: center; overflow: hidden; }
div.slider ul.controls li a.prev { background: url('../img/arrow_white_l.png') no-repeat center; }
div.slider ul.controls li a.next { background: url('../img/arrow_white_r.png') no-repeat center; }
div.slider ul.controls li a.active { background: red; }