Как увеличить тени материала при наведении.

[kussi]

Здравствуйте, делаю сайт через компонент к2.

Установила в файле к2.css вот так:

div.catItemView {
margin: 24px 2px;
padding: 0;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

и вокруг материала появилась тень.

Теперь добавляю чтобы тень была увеличена при наведении вот так:

div.catItemView :hover {
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);
}

Однако нечего не получается, тень появляется и вокруг материала и вокруг картинки и вокруг заголовка.

Подскажите как сделать правильно. И не ругайтесь я совсем слабо понимаю.

 

[joylord]

перед :hover - пробел уберите

Для просмотра ссылки Войди или Зарегистрируйся

 

[kussi]

перед :hover - пробел уберите

спасибо-преспасибо!!! заработало.