div.galwrapperphoto{float:right;width:100%;margin:0;text-align:center;}
div.galid01{float:left;position:relative;width:22%;width:-webkit-calc(23% - 2px);width:-moz-calc(23% - 2px);width:-ms-calc(23% - 2px);width:-o-calc(23% - 2px);width:calc(23% - 2px);height:300px;margin:1%;text-align:center;border: 1px solid #a19e9e;}
div.galtitle {position:absolute;background-color:rgba(0,0,0,0.7);line-height:300px;text-align:center;height:100%;width:100%;overflow:hidden;color:#ffffff;font-size:25px;font-weight:bold;visibility: hidden;opacity: 0;z-index:2000;}
div.galid01:hover div.galtitle {opacity:1;visibility: visible;}
div.photo01gall{float:left;width:100%;height:100%;margin:0;overflow:hidden;position:relative;line-height: 300px;}
div.photo01gall img{position: relative;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);min-width:100%;min-height:100%;z-index:1;}
div.galid01:hover div.photo01gall img {min-width:120%;min-height:120%;}

div.photo01{float:left;position:relative;width:22%;width:-webkit-calc(23% - 2px);width:-moz-calc(23% - 2px);width:-ms-calc(23% - 2px);width:-o-calc(23% - 2px);width:calc(23% - 2px);height:300px;margin:1%;text-align:center;overflow: hidden;border: 1px solid #a19e9e;}
div.photo01 a {display:block;width:100%;height:100%;line-height:300px;padding:0;margin:0;}
div.photo01 img{position: relative;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);min-width:100%;min-height:100%;z-index:1;} 
div.photo01:hover img{min-width:120%;min-height:120%;}