.viewer {
    margin: 0 auto;
    width: 240px;
    text-align: left;
}
.viewer div {
    width: 240px;
    height: 180px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}
.viewer div a {
    width: 240px;
    height: 180px;
    position: absolute;
    display: block;
    overflow: hidden;
}
.viewer div img {
    top: 0;
    left: 0;
    position: absolute;
}

.viewer ul {
    width: 246px;
    margin-right: -6px;
}

.viewer ul li {
    width: 76px;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
}

.viewer ul li a{
    width: 76px;
    height: 57px;
    display: block;
    overflow: hidden;
}

.viewer ul li img{
    display: inline;
}

.viewer .active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

.resize{
    display: none;
}

.resize2{
    display: none;
}

.topics_date{
    width: 531px;
    float: right;
}

.topics_title{
    float: right;
}

.topics_comment{
    float: right;
    clear: none;
}

.topics_img{
    float: left;
}


/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.viewer ul {
    display: inline-block;
    overflow: hidden;
}
