Magnifying Glass (zoom) Cursor over image

Issue

I'm looking for a solution to change the cursor to a magnifying glass upon hovering over a Fancybox image.

Like on Pinterest, when you hover an image (using chrome).

So far I have this which doesn't have cross-browser support.

.picture img {
    cursor:url(/img/layout/backgrounds/moz-zoom.gif), -moz-zoom-in;
}

Is there a better way to approach this problem?

Solution

For that you need to use a cursor file .cur and not a .gif file, so it will be like

.picture img {
    cursor:url(/img/layout/backgrounds/zoom.cur), -moz-zoom-in;
}

Answered By - Mr. Alien