﻿img { vertical-align: top; border: 0; }
#hotpic { width: 390px; height: 304px; overflow: hidden; float:left; }
#NewsPic { position: relative; width: 390px; height: 260px; overflow: hidden; }
    #NewsPic a { overflow: visible; border: 0; text-decoration: none; }
    #NewsPic .Picture { position: absolute; left: 0; top: 0; }
    #NewsPic .Nav { position: absolute; height: 13px; line-height: 14px; bottom: 0; right: 0; }
        #NewsPic .Nav span { font-size: 12px; font-weight: 400; color: #FFF; float: right; display: block; width: 24px; text-align: center; background: #000; border-left: solid 1px #FFF; cursor: pointer; }
            #NewsPic .Nav span.Normal { color: #FFF; background: #000; filter: Alpha(opacity=50); opacity: .5; }
            #NewsPic .Nav span.Cur { background: #ce0609; color: #FFF; }
#NewsPicTxt { position: relative; width: 388px; height: 42px; line-height:40px; margin: 0; text-align: center;  font-weight: 700; color: #333; font-size: 16px; margin-left: auto; margin-right: auto;  border:1px solid #e5e5e5; background-color:#f7f7f7; }
    #NewsPicTxt a:link, #NewsPicTxt a:visited { font-family: "Microsoft Yahei"; font-size: 16px; font-weight: 700; color: #333; text-decoration: none; }
    #NewsPicTxt a:hover { color: red; }


.flash {
    float: left;
    width: 390px;
    height: 300px;
}

.out-img {
    position: relative;
   width: 390px;
    height: 300px;
    overflow: hidden;
}

.out-img .img {
    width: 50000px;
    position: absolute;
    left: 0;
    top: 0;
}

.out-img .img li {
    float: left;
    position: relative;
}

.out-img .img li img {
    display: block;
}

.out-img .img li p {
    width: 390px;
    height: 40px;
    width: 100%;
    background: #f7f7f7;
    color: #333;
    text-indent: 10px;
    line-height: 40px;
    font-size: 16px;
}

.out-img .num {
    width: 100%;
    position: absolute;
    text-align: right;
    left: 0;
    bottom: 15px;
    font-size: 0;
}

.out-img .num li {
    width: 10px;
    height: 10px;
    background-color: #777;
    border-radius: 50%;
    margin: 0 3px;
    display: inline-block;
    cursor: pointer;
}

.out-img .num li.on {
    background-color: #ff0000;
}

.out-img .btn {
    position: absolute;
    width: 30px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-size: 30px;
    line-height: 50px;
    font-family: "宋体";
    text-align: center;
    cursor: pointer;
    display: none;
}

.out-img:hover .btn {
    display: block;
}

.out-img .btn-l {
    left: 0;
}

.out-img .btn-r {
    right: 0;
}
