LIGHTBOX COM LINK DE IMAGEM ZOOM E FUNDO COLORIDO

<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <script src="http://julien.falgas.fr/tinyshaker/design/tinybox.js" type="text/javascript"></script> <style type="text/css"> .tbox {position:absolute; display:none; padding:14px 17px; z-index:900} .tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#353435 url(http://julien.falgas.fr/tinyshaker/preload.gif) no-repeat 50% 50%; border-right:1px solid #353435; border-bottom:1px solid #353435} .tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#55BBCC; z-index:800} </style> <a href="javascript:TINY.box.show({iframe:'COLE AQUI O LINK ',width:1100,height:490})"> <img class="expa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQiiKrg7biKPMF0BcLbLrLIbT6PevrS0egHvRMERrUjBccGTf4KG8OIsn2dj3Wzfy3LIMsWg7hpJvFGd7i1Z8t_1smAvD5ag3EY5i5WFe4P_4HzRGqk8VfpJe5mTXDjM8mjko4uV7EUW8/s320/AP3.png"title="COLOQUE AQUI O TEXTO " /> <style> img.expa { cursor: pointer; max-width: 20px; } img.expa:hover { max-width: none; } </style> </a> <br /> <div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"> </div> </div>