Ürünlerin class'ı ".urun" olsun. İçindeki linkler ".detay a"...

.urun { position: relative; z-index: 1; }

Ortalanan kısım ".detay" olsun.

.detay { z-index: 2; position: absolute; top: 100px; visibility: hidden; opacity: 0; transition: opacity .5s; text-align: center; }

detay divi içerisinde ise ikonlar olacak. Tercihini font awesome den yana kullanabilirsin, sana kalmış.

.detay a { color: white; background-color: gray; border-radius: 50%; width: 25px; height: 25px; line-height: 25px; text-align: center; padding: 5px; margin: 0 3px; }

Ürüne hover yapınca detay açılsın:

.urun:hover .detay { visibility: visible; opacity: 1; }