Чтобы не было миганий при многократном перемещении курсора, можно сделать проще:
$(document).ready(function(){
$('.banner_left ul li').hover(
function () {
$(this).find('.img_area').css('z-index', '300');
$(this).find('.text_area').css('z-index', '300');
$(this).find('.active').css({'z-index':'250',opacity:0}).show().animate({opacity:1},{duration:600,queue:false});
},
function () {
$(this).find('.img_area').css('z-index', '200');
$(this).find('.text_area').css('z-index', '200');
$(this).find('.active').animate({opacity:0},{duration:200,queue:false,complete:function(){$(this).css({'z-index': '200'}).hide()}});
}
);
});