@charset "utf-8";
/* CSS Document */


 .cuadro{
	 width: 1160px;
	 height:582px;
	 margin-top:15px;
 }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 
 
.pic {
  float: left;
  height: 290px;
  width: 290px;

  overflow: hidden;

}

/*GROW*/
.grow img {
  height: 300px;
  width: 300px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 400px;
  height: 400px;
}
.imgBox0 { width: 700px;  background: url(../images/banner.png) no-repeat; }
.imgBox { width: 226px; height: 437px; float: left; background: url(../images/o11.png) no-repeat; }
.imgBox2 { width: 226px; height: 437px; float: left; background: url(../images/o22.png) no-repeat; }
.imgBox3 { width: 226px; height: 437px; float: left; background: url(../images/o33.png) no-repeat; }

.imgBox0:hover { width: 226px; height: 437px; float: left; background: url(../images/o1.png) no-repeat; } 
 .imgBox:hover { width: 226px; height: 437px; float: left; background: url(../images/o1.png) no-repeat; } 
  .imgBox2:hover { width: 226px; height: 437px; float: left; background:url(../images/o2.png)  no-repeat; } 
   .imgBox3:hover { width: 226px; height: 437px; float: left; background:url(../images/o3.png)  no-repeat; }