.hoverbox { position: relative; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.hoverbox, .hoverbox * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hoverbox a { color: #333; }
.hoverbox a:hover { text-decoration: none; }
.hoverbox img { width: 100%; height: 100%; }
.hoverbox.square { position: relative; width: 150px; height: 150px; border: 0; margin: 0 0 10px 0; /*  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);*/ }
.hoverbox.square.zoom-effect { overflow: hidden; }
.hoverbox.square.zoom-effect .img { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.hoverbox.square.zoom-effect a:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }