мерцание происходит потому что вызывается mouseover, потом вы наводите на элемент .title (который находится как я понял внутри элемента .box), т.о. происходит mouseout с элемента .box, но т.к. мышь опять находится на этом элементе после скрытия .title - этот элемент опять отображается (и т.д.)
решение - при mouseout проверьте элемент на который пришла мышь
$(".box").mouseout(function(event) {
event = event || window.event
//получаем объект на который ушла мышь
var relatedTarget = event.relatedTarget || event.toElement
далее проверяем является ли этот элемент "ребенком" элемента .box - например через parent(). Если да, то не скрываем, если нет - скрываем.