/*热区*/
.hot_area {
    position: absolute;
    display:inline-block;
    min-width: 168px;
    padding:5px 16px;
    background:#333;
    box-shadow: 1px 0 1px #333;
    border-radius: 3px;
}
.hot_area_cont {
    min-height: 48px;
    margin: 0;
    line-height: 1.1;
    font-family: microsoft yahei, \5b8b\4f53, Arial, sans-serif;
}
.hot_area_text{
    width:239px;
    color: #fff;
    margin:20px 0;
    font-size:1.2em;
    line-height:1.4em;
}
.hot_area_close {
    position: absolute;
    right:-1px;
    top:-1px;
    width:30px;
    height:29px;
    background: url(../images/close_bg.png) no-repeat;
}
.hot_area_close:hover {
    background-position: 0 -29px;
}
.triangle {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -10px;
    width: 23px;
    height: 10px;
    background: url(../images/tra_bg.png) no-repeat;
}
.triangle_up {
    top: -13px;
    background-image: url(../images/tra_bg_up.png);
}
.hot_area_btn {
    font-size: 0;
    text-align: center;
}
.hot_area_btn a {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-left: 5px;
    border-radius:5px;
}
.hot_area_btn a:hover{
    background:#5c5c5c;
}
.hot_area_btn a:first-child {
    margin-left: 0;
}
.hot_area_btn a img{
    display: block;
    width: 40px;
    height: 34px;
    margin:6px 4px;
}
.tst_temp_hot_area {
    min-height: 132px;
}
.tst_temp_hot_area > .graph_list > li > p {
    font-size: 14px;
}
.area_border {
    padding-left: 21px;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
}
.area_border > input {
    position: relative;
    top: -2px;
    margin: 0 6px 0 0;
}
.hot_area_func {
    margin-bottom: 12px;
    background-color: #fff;
}
.hot_area_edit_tip {
    font-size: 12px;
    margin: 14px 0 16px;
    color: #898989;
}
.hot_area_pop {
    width: 252px;
}
.hot_area_cont_pop > input,
.hot_area_cont_pop > a {
    display: inline-block;
}
.hot_area_cont_pop > input {
    width: 170px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    margin-bottom: 0;
    border-radius: 0;
}
.hot_area_cont_pop > a {
    height: 26px;
    line-height: 26px;
    padding-left: 13px;
    padding-right: 13px;
    border: 1px solid #88949b;
    font-size: 12px;
    color: #333;
    border-radius: 3px;
    background-color: #f0f0f0;
    background: -moz-linear-gradient(top, #fdfdfd, #e7e7e7);
    background: -webkit-gradient(linear,top,from(#fdfdfd),to(#e7e7e7));
    background: -webkit-linear-gradient(top, #fdfdfd, #e7e7e7);
    background: -o-linear-gradient(top, #fdfdfd, #e7e7e7);
}
.hot_area_cont_pop > a:hover,
.hot_area_cont_pop > a:active,
.hot_area_cont_pop > a:focus {
    color: #333;
    text-decoration: none;
}
.test_temp_des {
    width: 300px;
}
.test_temp_des_cont {
    padding-left: 22px;
    padding-right: 24px;
    min-height: 204px;
}
.test_temp_des_cont > h6 {
    font-size: 14px;
    margin: 16px 0 14px;
}
.test_temp_des_cont > p {
    line-height: 18px;
    color: #898989;
    margin-bottom: 0;
}

/*热区媒体关闭按钮*/
.spot-close-btn{
    background: url("../images/spot_play_close_nor.png");
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
}
.spot-close-btn:hover{
    background: url("../images/spot_play_close_press.png");
}