<style>.imgteaser { position: relative; display: table; margin: 0 auto; border: 3px solid #000; line-height: 0; color: rgb(223,223,223); cursor: pointer;}.imgteaser:after { content: "\bb"; position: absolute; right: 10px; bottom: 10px; padding: 2px 5px; background: rgba(17,34,51,.6); line-height: 1.6em;}.imgteaser:hover:after {content: none;}.imgteaser figcaption {display: none;}.imgteaser:hover figcaption { display: block; position: absolute; bottom: 5px; left: 5px; right: 5px; padding: 5px 10px; background: rgba(68,85,102,.7); font-size: 100%; line-height: 1.3em;}.imgteaser:hover figcaption strong { display: block; line-height: 2em; font-size: 110%;}</style><figure class="imgteaser"><a href="#"><img src="http://pridela-net.ucoz.com/q1/let.jpg" border="0" alt=""></a><figcaption><strong></strong>Скачать файл</figcaption></figure><br><br><style>.imgteaser { position: relative; display: table; margin: 0 auto; border: 3px solid #000; line-height: 0; color: rgb(223,223,223); cursor: pointer;}.imgteaser:after { content: "\bb"; position: absolute; right: 10px; bottom: 10px; padding: 2px 5px; background: rgba(17,34,51,.6); line-height: 1.6em;}.imgteaser:hover:after {content: none;}.imgteaser figcaption {display: none;}.imgteaser:hover figcaption { display: block; position: absolute; bottom: 5px; left: 5px; right: 5px; padding: 5px 10px; background: rgba(68,85,102,.7); font-size: 100%; line-height: 1.3em;}.imgteaser:hover figcaption strong { display: block; line-height: 2em; font-size: 110%;}</style><figure class="imgteaser"><a href="#"><img src="http://pridela-net.ucoz.com/q1/des.jpg" border="0" alt=""><figcaption><strong></strong>Скачать файл</figcaption></a></figure><a href="#"><br><br><style>.imgteaser { position: relative; display: table; margin: 0 auto; border: 3px solid #000; line-height: 0; color: rgb(223,223,223); cursor: pointer;}.imgteaser:after { content: "\bb"; position: absolute; right: 10px; bottom: 10px; padding: 2px 5px; background: rgba(17,34,51,.6); line-height: 1.6em;}.imgteaser:hover:after {content: none;}.imgteaser figcaption {display: none;}.imgteaser:hover figcaption { display: block; position: absolute; bottom: 5px; left: 5px; right: 5px; padding: 5px 10px; background: rgba(68,85,102,.7); font-size: 100%; line-height: 1.3em;}.imgteaser:hover figcaption strong { display: block; line-height: 2em; font-size: 110%;}</style></a><figure class="imgteaser"><a href="#"><img src="http://pridela-net.ucoz.com/q1/tur.jpg" border="0" alt=""><figcaption><strong></strong>Скачать файл</figcaption></a></figure><a href="#"><br><br> </a>
|