link box show iframe de texto aumentar a letra ao passar o mouse, em qualquer posição do site

AUMENTAR AO PASSAR O MOUSE

<div dir="ltr" style="text-align: left;" trbidi="on"> <link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv=""></link> <script src="http://search.scrolltotop.com/scrolltotopsearch.js" type="text/javascript"></script> <br /> <div id="fbtab"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.santuariodesantarita.com.br/',boxid:'frameless',width:1100,height:780,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div> <div id="object1" style="left: 90px; position: absolute; top: 190px; visibility: show; z-index: 2;"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.santuariodesantarita.com.br/',boxid:'frameless',width:1100,height:780,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"> <style> .link{ /*crio uma classe "link"*/ text-decoration:none; /*tiro o sublinhado do link*/ color:#0033FF; /*coloco uma cor no link*/ } .link:hover{ /*instrução para quando o mouse estiver em cima do link*/ font-size:40px; /*aumenta o tamanho do link*/ color:#FF0000; /*muda a cor do texto do link*/ background:#CCCCCC; /*muda a cor de fundo do link*/ text-decoration:overline; /*coloca uma linha acima do texto*/ } </style><br /> <br /> <br /> </a><a class="link" href="javascript:TINY.box.show({iframe:'http://www.santuariodesantarita.com.br/',boxid:'frameless',width:1100,height:780,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"> AUMENTAR AO PASSAR O MOUSE</a> </div> <br /> <br /> <div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"> </div> </div>