Как создать рамку вокруг товара при наведении мышки

Как создать рамку вокруг товара при наведении мышки на товар увеличивается немного фотография и добавляется описание товара. Пример как на сайте розетка

 

по ссылке-примеру фотография не увиличивается, а лишь появляется рамка с тенью при наведении.
решается путем добавление псевдокласса hover к элементу
пример (в нем нет тени):
.box-product > div:hover {
background-color: #EBF8FF;
border: 2px solid #FFADB9;
padding: 2px 0;
}
Тень добавляется с помощью box-shadow
http://htmlbook.ru/css/box-shadow

 

использовать плаг к фоксу файербаг или вебдевелопер. увидишь цсс и тп.
или найти шабы, которые здесь выложены, с подобными элементами и взять оттуда
ЗЫ ТС отредактируй пост чтоб из ссылки убрать сплойер в конце