Você esta ocultando o elemento que esta disparando o hover...
acho que deve ser algo assim:
jquery:
$( ".produtosDestaqueBoxItem" ).hover(
function() {
$( this ).children(".produtosDestaqueBoxItemCentralizar").hide();
$( this ).children(".produtoDestaqueBox").fadeIn();
},
function() {
$( this ).children(".produtosDestaqueBoxItemCentralizar").show();
$( this ).children(".produtoDestaqueBox").fadeOut();
}
);
HTML:
<div class="produtosDestaqueBoxItem">
<div class="produtosDestaqueBoxItemCentralizar">
<img src="imagens/produto1 (1).jpg" height="131" width="120" alt="" />
</div>
<div style="display:none" class="produtoDestaqueBox">teste</div>
</div>
obs.: Se quiser, style="display:none"
pode ser incorporado na classe .produtoDestaqueBox