When mouse move onto the image, why it only zoom in but not become blue as the demo shows? The demo can become blue when mouse move onto it and there is another semi-transparent circle in the picture. How to modify settings for the effect?

my page address: http://homeportmed.com/index.php/homeporthomepage/
demo address: http://blueowlcreative.com/wp/fortuna/mobile-showcase/

Thanks a lot!

By default the hover effect is dark color, I have added some custom CSS to make it blue, you can do so too, either globally or for a specific page (in Page Settings).

a .pic_info.type13 .img_overlay_icon {
    border: 10px solid rgba(255, 255, 255,0.3);
}
a:hover .pic_info.type13 .img_overlay_icon {
    background: rgba(22,187,209,0.85);
}