como fazer esse efeito nas thumb

Gente tenho um slide mas queria da um efeito que nem esse site: http://www.estilare.com.br/web/index.php , quando coloco o mouse na ultima thumb mostra mais thumb como faço isso qual e o nome desse efeito me ajudem gente .

<div id="featured" >
 <ul class="ui-tabs-nav">
 <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="http://expansivedlc.com/wp-content/uploads/2013/01/battlefield_3__end_game__unofficial__by_wirrew-d4vf7xm-600x300.jpg" alt="" /></a></li>
 <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="http://expansivedlc.com/wp-content/uploads/2013/01/battlefield_3__end_game__unofficial__by_wirrew-d4vf7xm-600x300.jpg" alt="" /></a></li>
 <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="http://3.bp.blogspot.com/-p-ZAKCPFq3o/USvW0_0eJFI/AAAAAAAAIIQ/wM8E5wKK36M/s640/Gran+Turismo+6+Logo.jpg" alt="" /></a></li>
 

 </ul>