/* Slider ----*/ #SliderWrap { background-color: #404040; margin: 0 auto 5px; overflow: hidden; position: relative; width: 980px; } .SlidesWrap { width: 900px; margin-left: 40px; float: left; overflow: hidden; position: relative; } ul#SlidesCont { width: 10000px; position: relative; float: left; padding: 0; } ul#SlidesCont li { width: 220px; float: left; position: relative; list-style: none; direction: rtl; margin-left: 5px ; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; } ul#SlidesCont li:hover { background-color: #ddd; box-shadow: 0 0 5px #222; -moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222; } ul#SlidesCont li:hover .slideContent { color: #333; } ul#SlidesCont li:hover h2 a { color: #2474e0; } ul#SlidesCont li .SlideImg { background-color: #c7c7c7; border: 4px solid #fff; height: 100px; margin: 10px 12px 5px; overflow: hidden; width: 188px; } ul#SlidesCont li:hover .SlideImg { border-color: #888; } ul#SlidesCont li h2 a { color: #ddd; font-size: 16px; margin: 0 3px; display:inline-block; text-decoration: none; font-family: "BTraffic","Times New Roman",Arial,Helvetica; } ul#SlidesCont li .slideContent { color: #ccc; margin: 5px 10px 10px; text-align: right; clear: both; font: 12px/20px tahoma; } #Prev, #Next { bottom: 0; cursor: pointer; height: 100%; position: absolute; width: 25px; text-indent: -9999px; z-index: 10; text-align:center; font: 11px/25px tahoma; } #Next { right: 0; background: url('http://bayanbox.ir/blog/pap/templates/next.png') no-repeat center right #999; } #Next:hover { background-color: red; color:#fff; background-position: center left; } #Prev { left: 0px; background: url('http://bayanbox.ir/blog/pap/templates/prev.png') no-repeat center left #999; } #Prev:hover{ background-color: red; color:#fff; background-position: center right; }