Css üzerine gelince çıkan yeni kutu için yardım

merhaba,


http://www.markafoni.com/product/derimod-25/all/

şu linke girin sonra herhangi bir ürünün üzerine gelince pembe arkaplanda ürün detayı diye yazı çıkıyor o ve ek olarak tüm ürün gösteren divin kenarlarının renk değiştirmesi ve ürün fiyatının renk değiştirmesi olayı aşağıda ne demek istediğimi yükledim

http://c1211.hizliresim.com/13/w/gcm7w.png

yukarıdaki linkte mouse ile üzerine gelince olması gereken şeyler var.yardım edebilirseniz sevinirim

İyi çalışmalar

HTML:
<div id="kaplama">
<div id="link"><a href="#">ÜRÜN DETAYLARI</a></div>
<div id="resim"><img src="images/resim.png" alt=""/></div>
</div>

CSS:
#kaplama{width:200pxheight:400px;position:relative;}
#link{display:nonewidth:100px;height:40px;position:relative;left:50px;top:180px;}
#resim{width:180pxheight:380px;padding:10px;position:relative;left:0;top:0;}
#link a:link, #link visited{display:block;width:100px;height:40px;line-height:40px;background-colorink;color:#ffffff;}
#link a:hover{background-color:#ffffff;colorink;}
#kaplama:hover{border:2px solid pink;}
#kaplama:hover #link{display:block}