Javascript "dinamico" de acordo com a Div

Olá gente, novamente estou aqui querendo uma ajuda.

Eu tenho uma página produtos, e quero que quando a pessoa passar o mouse em cima da imagem, apareça uma div, em cima da respectiva imagem, com a escrita "Veja mais".

No entanto, não consegui controlar ela, está aparecendo em todos os produtos. Tentei fazer pelo id, mas também não consegui.

Javascript:

function sprodl() {

$('.prod_img').hover(

function () {
	$('.prod_link').fadeIn('fast');
}, function() {
	$('.prod_link').fadeOut('fast');
});

}

HTML:

<div class="prod_img" id="prod-<?php the_ID(); ?>">
<?php

if ( has_post_thumbnail()) {

	echo '<a id="post-'.$post->ID.'" title="' . the_title_attribute('echo=0') . '">';
	echo get_the_post_thumbnail($post->ID, 'feature');
	echo '</a>';
}

?>
<div id="prod_link-<?php the_ID(); ?>" class="prod_link"><a href="<?php echo get_permalink(); ?>">Veja mais</a></div>