lightSlider

lightSlider Demo

HTML

<!-- Блок №4 -->
<div id="mcs4_container">
<h5>Zambaiti</h5>
 <div class="customScrollBox">
 <div class="container">
 <div class="content">
 <div>
 <ul>
 
 <li><a href=""><img src="http://bergamo-tm.com/upload/img2/10814036888222014-DOGE.jpg" alt="DOGE" />DOGE</a>
 </li>
 <li><a href=""><img src="http://bergamo-tm.com/upload/img/s_0132489529002%20.jpg" alt="ZEN" />Каталог 2</a>
 </li>
  <li class="active"><a href=""><img src="http://bergamo-tm.com/upload/img/s_0132489529002%20.jpg" alt="ZEN" />Каталог 3</a>
 </li>
      <li><a href=""><img src="http://bergamo-tm.com/upload/img/s_0132489529002%20.jpg" alt="ZEN" />Каталог 4</a>
 </li>
      <li><a href=""><img src="http://bergamo-tm.com/upload/img/s_0132489529002%20.jpg" alt="ZEN" />Каталог 5</a>
 </li>
      <li><a href=""><img src="http://bergamo-tm.com/upload/img/s_0132489529002%20.jpg" alt="ZEN" />Каталог 6</a>
 </li>
 </ul>
 </div>
 </div>
 </div>
 </div>
</div>

CSS

#mcs4_container{float: right; position: fixed; margin:0; width:200px; height:400px; padding:10px 10px 0 0; border:1px dotted #484848; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#mcs4_container h5{margin:0 0 0 10px;}
#mcs4_container .customScrollBox{position:relative; margin:10px 0 0 0; height:85%; overflow:auto;}
#mcs4_container .customScrollBox ul{padding:0 0 0 20px;}
#mcs4_container .customScrollBox li{list-style: none; margin-bottom:15px;}