Como colocar sombra sobre a imagen das categorias

Qual é minha questão:
Quando o mouse passar em cima da imagem da categoria ela ficar sombreada.

Medidas que eu tomei para corrigir o problema:
Usei um codigo css que estava nesse forum mais nao deu certo. x.x

Links e imagens do meu problema:
Quero como nesse forum:
http://rpghogwartsmw.forumeiros.org/forum

Endereço do meu fórum:
http://rpgbreaking-dawn.forumeiros.com/

Versão do meu fórum:
PUNBB

Olá, leia este tutorial
https://ajuda.forumeiros.com/t21619-
Ou adicione este codigo em seu CSS

Código:

a img {
border: none;
}

img{
opacity:0.3{text:Image Opacity};
border-color: solid 1px #363636;
filter:Alpha(opacity={text:Image Opacity});
-webkit-transition:opacity 0.7s ease;
-moz-transition:opacity 0.7s ease;
-o-transition:opacity 0.7s ease;
transition:opacity 0.7s ease;
}

img a :hover {
border-color: solid 1px #363636;
opacity:1.0;
filter:Alpha(opacity=100);
}

Cordialmente.

Não deu certo mais acho que tem alguma coisa no meu forum impedindo as folhas css pois tenho outro codigo la que nao quer funcionar.

Olá, poderia me mandar o conteudo de seu CSS?
Cordialmente.