.wrap {
      overflow: hidden;
      margin: 0px;
	  width:80%;
	  z-index:1;
    }
.box {
      float: left;
      position: relative;
      width: 25%;
    }
.boxInner {
      position: absolute;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
   
	  cursor:pointer;
 
    }
	
.boxInner:hover {
      position: absolute;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
    }
	

.boxInner img {
width: 100%;
 
}
	

	
.boxInner .boxGreen {
 
      position: absolute;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
      
	  cursor:pointer;
	  z-index:5;
 
	  opacity:0;
	  background-image:url(../imgs/gr3.png);
	  -webkit-transition: opacity 1s ease-in-out;
	  -moz-transition: opacity 0.5s ease-in-out;
	  -o-transition: opacity 0.5s ease-in-out;
	  transition: opacity 0.5s ease-in-out;
	  opacity:1;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  filter: alpha(opacity=1);
  }
    
	
	
	.boxInner:hover .boxGreen {
 
      position: absolute;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
 
	  cursor:pointer;
	  background-image:url(../imgs/gr3.png);
 
	  opacity:1;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=1);
    }
	
.contentProjectContainer{ display:block; position:relative;  margin:0px; width:100%; height:100%; padding:0px; overflow:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-bottom:60px;}