#photos {
 width : 500px;
 height : 445px;
 margin : auto;
 margin-top : -30px;
 padding : 0;
 }

/* PHOTO DE JON */
.photojon {
 float : left;
 border-top : 1px dashed #cccccc;
 margin : 50px;
 height : 200px;
 width : 128px;
 padding : 1px;
 text-align : center;
 }
.photojon ul {
 list-style-type : none;
 margin : auto;
 padding : 0;
 }
.photojon ul li ul {
 display : none;
 width : 304px;
 height : 474px;
 margin-top : -285px;
 margin-left : -78px;
 }
.photojon ul:hover li ul {
 display : block;
 position : relative;
 z-index : 50;
 }
.photojon ul:hover li ul li {
 margin : 0;
 padding : 0;
}

/* PHOTO DE LONN */
.photolonn {
 float : right;
 border-top : 1px dashed #cccccc;
 margin : 50px;
 height : 200px;
 width : 128px;
 padding : 1px;
 }
.photolonn ul {
 list-style-type : none;
 margin : auto;
 padding : 0;
 }
.photolonn ul li ul {
 display : none;
 width : 304px;
 height : 474px;
 margin-top : -285px;
 margin-left : -100px;
 }
.photolonn ul:hover li ul {
 display : block;
 position : relative;
 z-index : 50;
 }
.photolonn ul:hover li ul li {
 margin : 0;
 padding : 0;
}