<style>

.imgzoom {

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

-ms-box-sizing: border-box;

box-sizing: border-box;

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

-o-transition: all 1s ease;

-ms-transition: all 1s ease;

transition: all 1s ease;

width: 450px;

height: 450px;

}

.imgzoom:hover {

cursor: pointer;

width: 550px;

height: 550px;

}

.zoom {

height: 450px;

width: 450px;

overflow: hidden;

border: 10px solid #fff;

}

.zb {

border: 1px solid rgba(0,0,0,.4);;

width: 470px;

-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);

box-shadow: 0 2px 3px rgba(0,0,0,.3);

-moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);

}

</style>

<div class="zb">

<div class="zoom">

<img class="imgzoom" src="آدرس عکس شما" />

</div>

</div>