Colocar efeito ao passar o mouse nas categorias

Qual é minha questão:
Olá,

Vi um efeito engraçado num fórum e desejava o mesmo se possível, é o seguinte vejam antes de passar o Mouse em cima duma das Categorias veja como está:



Depois de passar o Mouse aparece umas barras azuis nos cantos da categoria veja:



Fórum que vi tal efeito foi em: www.projectgames.ativoforum.com/forum

Endereço do meu fórum:
http://www.suportedesign.net

Versão do fórum:
PUNBB

Olá!

Aqui está:

Código:

tbody.statused tr:hover {
border-left: 4px solid #00adea;
border-right: 4px solid #00adea;
}

Coloque o código acima no inicio de te CSS.

Até mais.

Olá, Sennior.
Eu sei que a duvida não e minha, mas será possível colocar as barras a aparecerem com opacidade lentamente?

Se for preciso crio nova duvida.
Cumprimentos.

Olá!

Isso?:

Código:

tbody.statused tr:hover {
border-left: 4px solid #00adea;
border-right: 4px solid #00adea;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 3.5s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
opacity: 0;
}

Até mais.

Obrigado!