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"
        });
    });
});

为轮廓颜色设置动画。当鼠标碰到边框时会出现问题，因为它会立即结束轮廓动画。显然，如此薄弱的边界，并不是那么明显，但它就在那里。

有没有办法阻止边框干扰轮廓动画？