При наведении мыши на блок класса template_icon появляется большая фотка.
необходимо чтобы при наведении на потомка она не появлялась. Почему не работает такой код.
<div id="slider_store_template">
<div id="template_mini" class="template_icon">
<img src="/img/template1_mini.jpg">
<div id="1template_big" class="template_big">
<img src="/img/template1_big.jpg">
</div>
<div class="select_template">
</div>
</div>
</div>
$('.template_icon:not(.select_template)').mouseover(function(){
$(this).css('-webkit-box-shadow',' -1px -1px 5px rgba(255, 255, 255, 0.75)');
$(this).css('-moz-box-shadow',' -1px -1px 5px rgba(255, 255, 255, 0.75)');
$(this).css('box-shadow',' -1px -1px 5px rgba(255, 255, 255, 0.75)');
$(this).find('.template_big').css('display','block');
});
И при наведении на .select_template тоже появляется большая фотка .template_big