#mini{
position: relative;
width: 135px;
height: 492px;
overflow: auto;
margin: 20px 0px 20px 0px;
}

#mini img{
cursor: pointer;
}

#medium{
position: relative;
width: 650px;
height: 450px;
float: left;
margin: 20px 10px 20px 18px;
}

#medium img{
position: absolute;
width: 640px;
top: 0px;
left: 0px;
}

#frame{
position: absolute;
top: 100px;
left: auto;
width: 830px;
height: 530px;
background-color: black;
display: none;
z-index: 101;
}

.left{
position: absolute;
top: 220px;
left: 30px;
width: 54px;
height: 45px;
background-image: url('./left.png');
cursor: pointer;
}

.right{
position: absolute;
top: 220px;
left: 605px;
width: 54px;
height: 45px;
background-image: url('./right.png');
cursor: pointer;
}

.close{
position: absolute;
top: 30px;
left: 605px;
width: 54px;
height: 45px;
background-image: url('./close.png');
cursor: pointer;
}

.image{
position: relative;
padding: 5px;
background-color: black;
width: 600px;
height: auto;
cursor: pointer;
}
.ilogo{
position: absolute;
top: 30px;
left: 30px;
width: 275px;
height: 50px;
background-image: url('./ilogo.png');
}


.image_text{
font-size:0.9em;
color: white;
cursor: pointer;
}