Фильтр всплывающая подсказка для статей

<div class="con_text" style="overflow:hidden">

<div class="con_text">

INSERT INTO `cms_filters` (`id`, `title`, `description`, `link`, `published`) VALUES('', 'Всплывающая подсказка', 'Всплывающая подсказка. {показ}текст | подсказка{/показ}', 'f_hidetip', 1);

 
/*----------  hidetip -----------*/
 
span.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF; /*текст до наведения курсора*/
    text-decoration:none; text-decoration:none; border-bottom: 1px dashed #3CA3FF; cursor: pointer;
 
}
span.tt span{ display: none; }
a.tt span a{ display: none; }
 
 
span.tt:hover{ z-index:25; color: #aaaaff; background:; text-decoration:none; border-bottom: 1px dashed #aaaaff;} /*текст при наведении курсора*/
 
/*текст самой подсказки*/
span.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
}
/*текст подсказки с ссылкой*/
span.tt:hover span.tooltip a{ color: #3CA3FF}
span.tt:hover span.tooltip a:hover{ color: #aaaaff; text-decoration:none}
 
/*вывод фонового изображения*/
span.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url('../images/bubble.png') no-repeat top;
}
 
 
span.tt:hover span.middle { 
	display: block;
	padding: 0 8px; 
	background: url('../images/bubble_filler.png') repeat bottom; 
}
 
 
 
 
span.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url('../images/bubble.png') no-repeat bottom;
}