Die üblichen Verdächtigen hab ich schon durchprobiert: text-align: center, vertical-align: middle in .product_image als auch Variationen von margin: auto im style des <img>-Objektes.
Da will sich einfach nichts bewegen :-(
Logisch. Das hätte dir aber auch die Dokumentation sagen können.
Angenommen die Bildhöhe sei 100px
.product_image img(position:relative; top:50%; margin-top:-50px;)
Wenn ich nicht schief liege, ist margin-top bei relativen Angaben (%) nicht relativ zur Bildhöhe, sondern zur Breite.
Es zentriert sich schlecht vertical!
mfg Beat