Exemplo 3 (Background com opacidade)

Altere a tag <ImagemProd> para:

<a href="<ImagemProdAmp>" class="MagicThumb" rel="background-color:#000; background-opacity:60"><img src="<ImagemProdDet>"/>
<span>Descrição do produto</span></a>

Veja recurso em funcionamento ao clicar na imagem:

Descrição do produto

<a href="<ImagemProdAmp>" class="MagicThumb" rel="background-color:#000; background-opacity:60"><img src="<ImagemProdDet>"/><span>Descrição do produto</span></a>

<a href="<ImagemProdAmp>" class="MagicThumb" rel="background-color:#000; background-opacity:60"><img src="<ImagemProdDet>"/>
<span>Descrição do produto</span></a>