@import url("right.css");

/*列表内容 开始*/
.data_wrap { font-size: 12px; line-height: 1.5; width: 630px; font-family: arial,"\5b8b\4f53"; }
.data_row { border-bottom: 1px solid #eee; padding: 20px 0; background: #fff; position: relative; }
.data_row:hover { background: #f8f8f8 url(../img/hotbg.png); }
.data_row .na_detail { margin-left: 155px; _display: inline; min-height: 88px; }
.data_row .na_pic { _display: inline; display: block; width: 140px; height: 88px; overflow: hidden; position: absolute; top: 20px; left: 0; }
.data_row .na_pic img { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.data_row .na_pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.data_row .no_pic { width: 100%; margin-left: 0 }
.news_title { position: relative; }
.news_title h3 { font: normal 20px/26px "Microsoft Yahei"; min-height: 40px; padding-bottom: 14px; margin: 0; box-sizing: content-box; }
.news_title h3 a { color: #404040; text-decoration: none; font-weight: normal }
.news_title h3 a:hover { color: #0078D7 }
.link { float: left; _display: inline; font: normal 12px/16px "SimSun"; color: #f99; padding: 1px 7px; border: 1px solid #f99; border-radius: 2px; text-decoration: none; margin-right: 10px }
.link:hover { color: #0078D7; border: 1px solid #0078D7 }
.barlink { float: left; _display: inline; margin-right: 10px }
.barlink a,.barlink span { float: left; _display: inline; font: normal 12px/16px "SimSun"; color: #55a2ef; padding: 1px 7px; border: 1px solid #55a2ef; border-radius: 2px; text-decoration: none; margin-right: 3px; white-space: nowrap }
.barlink a:hover { color: #0078D7; border: 1px solid #0078D7 }
.news_tag { float: left; _display: inline; }
.news_tag .keywords { float: left; _display: inline; padding-right: 4px; height: 12px; line-height: 11px; margin-top: 4px; border-right: 1px solid #bbb; max-width: 250px; margin-right: 12px }
.news_tag .keywords a { font: normal 12px/14px "SimSun"; color: #888; margin-right: 7px; text-decoration: none; }
.news_tag .keywords a:hover { color: #0078D7 }
.news_tag span { font: normal 12px/21px "SimSun"; color: #bbb }
.share-join { position: relative; float: right; margin-top: -5px; }
.join-count { float: right; min-width: 55px; _width: 75px; color: #f33; text-decoration: none; overflow: hidden; height: 20px; margin-left: 2px; font: 12px/20px Arial,"Sim sun"; display: block; padding-top: 6px; }
.join-count .tie-icon { background: url(../img/sprite0613v3.png) no-repeat -203px -110px; display: block; height: 19px; padding-left: 26px; color: #bbb; line-height: 16px; }
/*列表内容 结束*/

.readmore { display: block; height: 50px; line-height: 50px; text-align: center; }
.readmore:hover { color: #0078D7; background: #f8f8f8; }

@media screen and (max-width:600px){
    .leftbox,
    .rightbox,
    .post_crumb,
    .wrapper,
    .data_wrap,
    .data_row .na_detail,
    .data_row .na_pic { float: none; width: auto; }

    .data_row .na_pic { height: 75%; position: relative; top: auto; left: auto; }
    .data_row .na_pic img { width: 100%; height: auto; }

    .data_row .na_detail { margin-left: 0; }
    .data_row { padding-left: 10px; padding-right: 10px; }

    .rightbox { padding-left: 10px; padding-right: 10px; }
    .join-count { min-width: auto; }
}
@media screen and (min-width: 601px) and (max-width: 959px) {
    .data_wrap { width: 100%; }
}