/* --------------------- hottopicsbar ---------------------- */.hottopicsbar .titlebar {
margin-bottom: 5px;
}
.hottopicsbar {
position: relative;
}
.hottopicsbar {
position: absolute;
top: 44px;
left: 0;
}
.hottopicsbar .hottopicsbarWrapper .scrollable {
float: none;
width: 980px;
height: 160px;
margin: 0 auto;
}
.hottopicsbar .hottopicsbarWrapper .scrollable .ib-figure-image {
margin-right: 28px;
width: 122px;
}
.hottopicsbar .hottopicsbarWrapper .scrollable .ib-figure-image img {
border: solid 1px #cccccc;
}
.hottopicsbar .hottopicsbarWrapper .scrollable .ib-figure-image .caption a {
font-weight: bold;
font-size: 12px;
text-align: center;
}
.hottopicsbar .hottopicsbarWrapper .next {
position: absolute;
top: 44px;
right: 0;
}
.hottopicsbar .hottopicsbarWrapper .navi {
margin: 0;
width: 1000px;
position: absolute;
bottom: 10px;
text-align: center;
z-index: 100;
}
.hottopicsbar .hottopicsbarWrapper .navi a {
color: #003366;
padding: 0 2px;
}
.hottopicsbar .hottopicsbarWrapper .navi a.active {
color: #999;
}