#layout {
position:relative;
top:0px;
left:0px;
width:280px;
height:280px;
overflow:hidden;
z-index:1;
}
#layout dl {
position:absolute;
z-index:2;
top:0px;
left:0px;
width:280px;
height:280px;
overflow:hidden;
}
#layout dt {
position:absolute;
z-index:3;
top:0;
left:0;
overflow:hidden;
}
#layout dt, #layout dt img {
width:272px;
height:280px;
}
#layout dd {
position:absolute;
z-index:4;
bottom:0;
left:0;
width:272px;
height:40px;
color:#FFF;
overflow:hidden;
background:#000;
opacity:.7;
-moz-opacity:.7;
filter:alpha(opacity=70);
}
#layout div {
margin:0 auto;
width:380px;
height:40px;
line-height:40px;
text-align:left;
overflow:hidden;
font-size:16px;
}
#layout p {
margin:0 auto;
width:380px;
height:17px;
line-height:17px;
text-align:left;
overflow:hidden;
}
#layout p a:link, #layout p a:visited, #layout p a:hover {
color:#FFF;
}
p#YNIndex {
position:absolute;
z-index:5;
bottom:4px;
right:4px;
width:75px;
height:19px;
text-align:right;
overflow:hidden;
}
p#YNIndex a:link, p#YNIndex a:visited, p#YNIndex a:hover {
float:left;
width:24px;
height:19px;
text-align:center;
color:#FFF;
line-height:20px;
text-decoration:none;
background:transparent url(img/tab.gif) -24px 0 no-repeat;
}
p#YNIndex a:hover, p#YNIndex a.current:link, p#YNIndex a.current:visited, p#YNIndex a.current:hover {
background:transparent url(img/tab.gif) 0 0 no-repeat;
width:24px;
}
.even {
background-color:#F8F8F8;
}
.odd {
background-color:#EAEFF5;
}
.hover {
background-color:#B0BEC7;
color:#FFF;
cursor:pointer;
}
.hidden {
display:none;
clear:both;
}