Mostrar div escondida

Bom dia, tudo bem com vcs?

Estou tentando criar o efeito, que ao passar o mouse em uma thumbnail, ela mostra uma imagem escondida por cima dela.

Venho enfrentando 3 problemas para o efeito ser feito como eu quero. Por isso separei 3 links, assim a compreensão fica mais simples.

O primeiro, o mais estranho, o efeito só funciona se eu coloco o código embaixo da maniatura. Link abaixo:

http://www.kdsg.com.br/arquivos/exemplo1e2/exemplo1.html

No segundo, o efeito funciona. Mas quando eu posiciono a imagem Saiba Mais, em cima da thumb, ela fica piscando sem parar. Link abaixo:

http://www.kdsg.com.br/arquivos/exemplo1e2/exemplo2.html

NO terceiro e último, o efeito funciona corretamente. Mas a imagem Saiba Mais não está em cima da thumb.

http://www.kdsg.com.br/arquivos/exemplo3/exemplo3.html

O script que estou fazendo é esse:

<script>
$(".job img#thumbJob")

	.mouseover(function(){
 $("#saibaMais").fadeIn("slow").addClass("mostra");})
	.mouseout(function() {
 $("#saibaMais").fadeOut().removeClass("esconde");});
</script>

Obrigado pela ajuda. Feliz ano novo a todos.