マウスオーバー（画像拡大・全幅）4b

【CSS】
/*-------------------------------
画像のマウスオーバー時に拡大する 2
--------------------------------*/
.zoom2{
overflow:hidden;
}
.zoom2 img{
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s;
}
.zoom2 img:hover{
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
/* 画像のマウスオーバー時に明るくする */
opacity:0.7;
transition-duration: 0.7s;
}