No funciona retardo (overlay) en mi pagina

La pregunta es (creo) para los entendidos, ya que como se puede ver en este ejemplo sencillo, aqui hace un efecto de retraso en mostrar el div.

http://www.jonathandiazm.com/retardo.html

N
o obstante este efecto me gustaria hacerlo en esta otra pagina:

http://www.jonathandiazm.com/galerias

y
lograr que el contenedor negro haga el mismo retraso, pero aunque tengo puesto el mismo codigo no funciona.

¿Podeis ayudarme para resolverlo?

Muchas gracias.