.main-hot {
font:10px/1 arial,sans-serif;
width:960px;
height:570px;
overflow:hidden;
margin-top:110px;
position:relative;
font-size: 16px;
}
.main-hot * {
margin:0;padding:0;
}
.main-hot .img{
position:absolute;
top:0;
left:0;
width:960px;
overflow:hidden;
}

.tophot{
list-style: none;
position: absolute;
bottom: 0px;
left: 235px;
width: 100%;
height: 100px;
z-index: 5;
line-height: 120%;
}

.tophot li{
position:relative;
width:140px;
height:100px;
font-size:15px;
text-align: center;
z-index:5;
display: inline-block;
}
.tophot a{
text-decoration:none;
color:#FFFFFF;
}

.tophot li.here{
color:#FFD36E;
}
.tophot li.here a{
color:#FFD36E;
}

.tophot li.here a span{
font-weight:normal;
}


#tophot2{
position:absolute;
left:145px;
}

#tophot3{
position:absolute;
left:290px;
}

#tophot4{
position:absolute;
left:435px;
}

#tophot5{
position:absolute;
left:580px;
}



.b-i1, .b-i2, .b-i3, .b-i4, .b-i5 {
position:relative;
width: 60px;
height: 50px;
background-repeat: no-repeat;
margin-bottom: 10px;
margin-left: 40px;
background-position: 0 0px;
}
.b-i1 {
background-image:url(/pictures/hot-rotator/i1.png);
}
.b-i2 {
background-image:url(/pictures/hot-rotator/i2.png);
}
.b-i3 {
background-image:url(/pictures/hot-rotator/i3.png);
}
.b-i4 {
background-image:url(/pictures/hot-rotator/i4.png);
}
.b-i5 {
background-image:url(/pictures/hot-rotator/i5.png);
}
.tophot li.here a .b-i1, .tophot li.here a .b-i2, .tophot li.here a .b-i3, .tophot li.here a .b-i4, .tophot li.here a .b-i5{
background-position: 0 -50px;
}

.hot-about {
position:relative;
width:960px;
height:450px;
left:0px;
top:0px;
overflow:hidden;
}
.hot-about-l {
position:absolute;
width:480px;
height:auto;
left:0px;
top:0px;
display: table;
}
.hot-about-r {
position:relative;
width:450px;
height:330px;
left:510px;
top:50px;
display: table;
}
.hot-about-r h1 {
font-family: 'pt_sans_bold';
font-size: 42px;
color: #FFD36E;
line-height: 100%;
margin-bottom:5px;
}
.hot-about-r h2 {
font-family: 'pt_sans_bold';
font-size: 42px;
color: #FFFFFF;
line-height: 100%;
margin-bottom:40px;
}
.hot-about-r p {
font-size: 20px;
color: #FFFFFF;
}

.hot-about-r  .hot-b {
position:absolute;
width:auto;
height:auto;
left:0px;
bottom:0px;
}



.main-hot  .hot-description {
position:absolute;
width:auto;
height:auto;
left:0px;
bottom:30px;
display: table;
font-family: 'pt_sans_bold';
font-size: 24px;
color: #FFFFFF;
line-height: 140%;
text-align: right;
}