.zoom {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}

.zoom:hover,
.zoom:active,
.zoom:focus {
/**adjust scale to desired size,
add browser prefixes**/
-ms-transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
position:relative;
z-index:100;
}

.zoom4 {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}

.zoom4:hover,
.zoom4:active,
.zoom4:focus {
/**adjust scale to desired size,
add browser prefixes**/
-ms-transform: scale(4);
-moz-transform: scale(4);
-webkit-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
position:relative;
z-index:100;
}

.zoom6 {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}

.zoom6:hover,
.zoom6:active,
.zoom6:focus {
/**adjust scale to desired size,
add browser prefixes**/
-ms-transform: scale(6);
-moz-transform: scale(6);
-webkit-transform: scale(6);
-o-transform: scale(6);
transform: scale(6);
position:relative;
z-index:100;
}

.zoom8 {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}

.zoom8:hover,
.zoom8:active,
.zoom8:focus {
/**adjust scale to desired size,
add browser prefixes**/
-ms-transform: scale(8);
-moz-transform: scale(8);
-webkit-transform: scale(8);
-o-transform: scale(8);
transform: scale(8);
position:relative;
z-index:100;
}