Image Shape Style

<img src="..." class="img-rounded">
<img src="..." class="img-circle">
<img src="..." class="img-polaroid">

Heads up! .img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.

<div class="animation fadeInRight">
<div class="fancybox_style">
<ul>
    <li><a data-fancybox-group="group" class="fancybox" title="Exciting Title!" href="/Portals/18/fancy01.jpg"><img alt="" src="/portals/18/fancy01_thum.jpg" /> <span class="img-overlay"></span> </a></li>
    <li>
    <a data-fancybox-group="group" class="fancybox" title="Yup, More Text.." href="/Portals/18/fancy02.jpg"><img alt="" src="/portals/18/fancy02_thum.jpg" />
    <span class="img-overlay"></span>
    </a>
    </li>
    <li><a data-fancybox-group="group" class="fancybox" title="Yelf Up." href="/Portals/18/fancy03.jpg"><img alt="" src="/portals/18/fancy03_thum.jpg" />
    <span class="img-overlay"></span>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Bonjour!!" href="/Portals/18/fancy04.jpg"><img alt="" src="/portals/18/fancy04_thum.jpg" />
    <span class="img-overlay"></span>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Exciting Title!" href="/Portals/18/fancy05.jpg"><img alt="" src="/portals/18/fancy05_thum.jpg" />
    <span class="img-overlay"></span>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Yup, More Text.." href="/Portals/18/fancy06.jpg"><img alt="" src="/portals/18/fancy06_thum.jpg" />
    <span class="img-overlay"></span>
    </a></li>
</ul>
</div>
</div>

Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam.