div.galwrapperphoto{display:inline-block;width:60%;min-width:930px;text-align:center;line-height:0;vertical-align: middle;padding:100px 0;font-size:0;}
div.galid01{display:inline-block;vertical-align:top;position:relative;width:300px;width:-webkit-calc((100% / 3) - 22px);width:-moz-calc((100% / 3) - 22px);width:-ms-calc((100% / 3) - 22px);width:-o-calc((100% / 3) - 22px);width:calc((100% / 3) - 22px);padding-top:-webkit-calc((100% / 3) - 22px);padding-top:-moz-calc((100% / 3) - 22px);padding-top:-ms-calc((100% / 3) - 22px);padding-top:-o-calc((100% / 3) - 22px);padding-top:calc((100% / 3) - 22px);height:0;margin:10px;text-align:center;border:1px solid #E0E0E0;overflow:hidden;z-index:1;}
div.galtitle {position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.7);line-height:300px;text-align:center;height:100%;width:100%;overflow:hidden;color:#ffffff;font-size:17px;font-weight:bold;visibility: hidden;opacity: 0;z-index:2;}
div.galid01:hover div.galtitle {opacity:1;visibility: visible;}
div.photo01gall{position:absolute;top:0;left:0;width:100%;height:100%;line-height:0;padding:0;margin:0;}
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;max-width: none;}
div.galid01:hover div.photo01gall img {min-width:120%;min-height:120%;}

div.photo01{display:inline-block;vertical-align:top;position:relative;width:200px;width:-webkit-calc((100% / 4) - 20px);width:-moz-calc((100% / 4) - 20px);width:-ms-calc((100% / 4) - 20px);width:-o-calc((100% / 4) - 20px);width:calc((100% / 4) - 20px);padding-top:-webkit-calc((100% / 4) - 20px);padding-top:-moz-calc((100% / 4) - 20px);padding-top:-ms-calc((100% / 4) - 20px);padding-top:-o-calc((100% / 4) - 20px);padding-top:calc((100% / 4) - 20px);height:0;margin:10px;text-align:center;overflow: hidden;}
div.photo01 a {position:absolute;top:0;left:0;width:100%;height:100%;line-height:0;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%;}

div.pageContent div.galwrapperphoto {padding:0;}