/* CSS Document */
* {
outline:none;
margin:0;
padding:0;
}

img {
border:none;
}

.container {
overflow:hidden;
width:395px;
margin:10px 0;
}

#main {
background:#f0f0f0;
border:1px solid #ccc;
padding:10px;
}

a {
color:#fff;
}

#portinfo {
color:#fff;
width:220px;
padding:5px;
}

.main_image {
width:244px;
height:256px;
float:left;
background:#ffffff;
position:relative;
overflow:hidden;
color:#fff;
}

.main_image h2 {
font-size:11px;
font-weight:400;
}

.block small {
background:url(../images/icon_calendar.gif) no-repeat 0 center;
font-size:11px;
padding:0;
}

.main_image .block small {
margin-left:0;
}

.main_image .desc {
position:absolute;
bottom:0;
left:0;
width:100%;
display:none;
}

.main_image .block {
width:100%;
background:#111;
border-top:1px solid #000;
height:65px;
padding:5px;
}

.main_image a.collapse {
background:url(../images/btn_collapse.gif) no-repeat left top;
height:30px;
width:175px;
text-indent:-99999px;
position:absolute;
top:-30px;
left:120px;
}

.main_image a.show {
background-position:left bottom;
}

.image_thumb {
float:left;
width:150px;
height:267px;
background:#f0f0f0;
border-right:1px solid #fff;
border-top:1px solid #ccc;
}

.image_thumb img {
border:1px solid #ccc;
background:#fff;
float:left;
}

.image_thumb ul {
list-style:none;
margin:0;
padding:0;
}

.image_thumb ul li {
background:#eeeaec;
width:120px;
height:30px;
float:left;
color:#9e7b1b;
border-bottom:1px solid #ccc;
border-top:1px solid #fff;
border-right:1px solid #ccc;
margin:5px 10px;
padding:5px;
}

.image_thumb ul li.hover {
background:#ddd;
cursor:pointer;
}

.image_thumb ul li.active {
background:#fff;
cursor:default;
}

.image_thumb ul li .block {
float:left;
margin-left:0;
width:120px;
padding:0;
}

.image_thumb ul li p {
display:none;
}

.main_image p,html .image_thumb ul li h2 {
font-size:11px;
}