DIV, набросок анимации

Question

У меня есть DIV с рамкой (ширина 1px) и контуром (ширина 4px).Я использую следующий код:

$(document).ready(function () {
    $('.stack_gallery_block').on('mouseover', function (){
        $(this).stop(true, true).animate({
            outlineColor : "#CCC"
        });
    });
        $('.stack_gallery_block').on('mouseout', function (){
            $(this).stop(true, true).animate({
            outlineColor : "#EAEAEA"
        });
    });
});

для анимации цвета контура.Проблема возникает, когда мышь попадает на границу, потому что она мгновенно завершает контурную анимацию.Очевидно, что, будучи такой тонкой границей, это не так заметно, но она есть.

Есть ли способ не дать границе помешать анимации контура?