﻿@charset "utf-8";
/* CSS Document */

/* media-tit */
.media-tit {
    float:left;
    width:190px;
}
.media-tit a {
    display:block;
    height: 42px; line-height: 42px;
    padding: 0 19px;
    border: 1px solid #eaeaea; border-top: 0;
    font-size: 14px;
}
/* media-art */
.media-art {
    float:left;
    padding:10px 20px 0;
    width:540px;
}
.media-art .art-list li { height:32px; line-height:32px; }
.media-art .art-list li span {
    width:110px;
}
.s-caaa { color:#aaa; }

/* hot-author-list */
.hot-author-list li { margin-top:17px; height:54px; overflow:hidden; }
.hot-author-list .h-a-photo {
    float:left;
    margin-right:10px;
    width:54px; height:54px;
    border-radius:50%;
    overflow:hidden;
}
.hot-author-list .h-a-photo img {
    display:block;
    width:100%; height:100%;
}
.pt8 { padding-top:8px; }
.hot-author-list li p { height:20px; line-height:20px; overflow:hidden; }

/* tl-tit2 */
.tl-tit2 {  height:33px; }
.tl-tit2 .tl-tit-link { margin-top:10px; }

/* bg-art-sub2 */
.bg-art-sub2 {
    padding-top:30px;
    height:357px;
    border-top:2px solid #63afee;
    background:url(/images/selfmedia/bg-line.png) repeat-x; 
}
.bg-art-sub2 ul li a:hover {
    background-color: #ffa52a;
}
.h389 { height:389px; }
.mt25 { margin-top:25px; }

/* media-list */
.media-list li {
    margin-bottom:20px;
    height:70px;
    overflow:hidden;
}
.media-list li a { position:relative; display:block; }
.media-list li a img {
    float:left;
    display:block;
    margin-right:20px;
    width:110px; height:70px;
}
.media-list li a p {
    padding-top:2px;
    font-size:14px;
    height:66px; line-height:22px;
    overflow:hidden;
}
.media-list .med-list-lg { height:190px; }
.media-list .med-list-lg a img {
    float:none;
    width:300px; height:190px;
}
.media-list .med-list-lg a p {
    position:absolute; left:0; right:0; bottom:0;
    z-index:2;
    padding:5px 15px;
    height:44px;
    background-color:#f5f5f5;
}
