/* list */
a.list {width:876px; display:block; padding:15px 20px 0 20px; margin:0 0 2px 0; background:url(../img/news/bg-title.jpg) repeat-x #191818; border:1px solid #262626;}
a.list span {cursor:pointer;}
a.list span.title {width:600px; line-height:26px; font-size:22px; color:#5b5a5a; background:url(../img/news/bg-heart-close.jpg) 8px 4px no-repeat; padding:0 0 10px 45px; display:block; float:left;}
a.list span.sel {background:url(../img/news/bg-heart-open.jpg) 0 0 no-repeat; color:#fff;}
a.list span.date {width:160px; text-align:right; padding:7px 0 0 0; color:#878787; display:block; font-size:12px; float:right;}
a.list:hover span.title {color:#fff;}
a.sel {border-top:1px solid #fff; border-left:1px solid #fff; margin:0; border-right:1px solid #fff;}
.detail {width:896px; position:relative; margin:-1px 0 6px 0; padding:15px 0 15px 20px; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.detail .text {width:540px; text-align:justify; line-height:18px; color:#fff; margin:0 0 0 26px; _margin:0 0 0 13px; float:left;}
.detail .text p {margin:0 0 6px 0;}
.detail .text a {color:#fff; font-weight:bold;}
.detail .text a:hover {color:#f00;}
.detail .photos {width:295px; float:right;}
.detail .photos a {width:120px; display:block; border:6px solid #191919; margin:0 10px 0 0; float:left;}
.detail .photos a:hover {border-color:#fff;}


/* archive */
.year {width:390px; margin:10px 40px 10px 22px; float:left;}
.year h2 {width:380px; color:#fff; display:block; font-size:22px; padding:15px 0 25px 10px; background:url(../img/news/bg-archive.jpg) repeat-x}
.year a {width:84px; color:#9b9b9b; padding:0 0 0 12px; margin:0 0 7px 0; display:block; float:left;}
.year a:hover {color:#fff; font-weight:bold;}