.photokatalog {
    width: 100%;
    position:relative;
}


.photokatalog > div {background: #fff;
    float: left;
	width: 30%;
    margin: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -ms-transform:scale(1.0);
    -o-transform:scale(1.0);
    transform:scale(1.0);

    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.photokatalog > div img{border: 2px solid #444;
    width: 98%;	float: left; 
}

.photokatalog > ul {background: #fff;width: 23%;
list-style: none outside none;
    float: left; height:300px;
    margin: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
	padding: 0;
}

.photokatalog > div:hover{
    z-index: 20;
    -webkit-transform:scale(2.5);
    -moz-transform:scale(2.5);
    -ms-transform:scale(2.5);
    -o-transform:scale(2.5);
    transform:scale(2.5);
}

.photokatalog > div div {color:#000000;font-size:14px;font-weight:bold;padding:1px 0 1px 1px;
background: #fff;

}