/* CSS Document */

a { text-decoration: none; border: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; transition: all 0.2s ease}
a:hover { text-decoration: none}


/* 门户首页幻灯片样式 */
.focus_box { width: 680px; height: 300px; overflow: hidden; padding: 8px; border: 1px solid #EEEEEE; border-radius: 5px; box-shadow: 0 0 4px #ECECEC; background: #FFFFFF}
.slider { width: 680px; height: 300px; overflow: hidden; position: relative; background: #FFFFFF} 
.slider .hd { padding: 4px 6px; height: 10px; position: absolute; left: 10px; bottom: 12px; z-index: 1; border-radius: 9px; background: url(black.png) repeat 0 0}
.slider .hd ul { float: left; zoom: 1}
.slider .hd ul li { float: left; margin: 0 4px; width: 10px; height: 10px; overflow: hidden; line-height: 10px; text-align:center; cursor:pointer; text-indent: -9999px; background: url(off2.png) no-repeat 0 0} 
.slider .hd ul li.on { color: #333333; background: url(on2.png) no-repeat 0 0} 
.slider .bd { position: relative; height: 100%; z-index: 0} 
.slider .bd img { display: block; width: 700px; height: 300px; transition: all 0.2s ease 0s}
.slider .bd img:hover { transform: translateX(-20px)}

/* 门户首页阅读更多样式 */
.read_more { width: 678px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #EEEEEE; border-radius: 0; box-shadow: 0 0 3px #EEEEEE; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background: #FFFFFF}
.ie7 .read_more { margin-top: 40px}
.read_more:hover { box-shadow: 1px 1px 3px #DDDDDD}
.read_more em { padding: 0 0 0 5px; font-family: "Comic Sans MS", cursive; color: #999999; font-size: 16px}
.read_more a { display: block; width: 680px; height: 40px; color: #777777; font-size: 16px}
.read_more a:hover, .read_more em:hover, .read_more:hover em { color: #2DB1C8 !important}


/* 新闻列表 */
.label { float: left;display: inline-block; color: #FFFFFF; padding: 0 10px; margin: 0 15px 0 0; height: 20px; line-height: 20px; text-align: center; overflow: hidden; background: none repeat scroll 0% 0% #35B5EB}
.dates i { margin-right: 5px;height: 20px;width: 12px;vertical-align: middle; background-position: -95px 0}
.bg_png { display: inline-block; background-image: url(bg_png.png); background-repeat: no-repeat}
.weand_bg { display: inline-block; background: url(weand_bg.png) no-repeat 0 0}
.news_list { clear: both}
.news_list ul li { color: rgb(102, 102, 102); border: 1px solid #EEEEEE; box-shadow: 0 0 4px #ECECEC; padding: 0 25px; margin-bottom: 20px; background: none repeat scroll 0% 0% rgb(255, 255, 255)}
.news_list .news_title { font-size: 20px; padding: 20px 0 10px 0; width: 600px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.news_list .news_title a { color: #333333}
.news_list .product_img {
    display: block;
    float: left;
    margin: 16px 25px 3px 0px;
    height: 200px;
    width: 320px;
}
.news_list .product_describe { padding: 10px 0 0 0; margin: 10px 0 0 0; color: #666666; font-size: 15px; font-family: Arial, Helvetica, sans-serif; line-height: 1.76; word-break: break-all; word-wrap: break-word}
.news_list .bottom_info {
    clear: both;
    padding-top: 30px;
    height: 40px;
    position: relative;
}
.news_list .view_num, .news_list .comment_num {
    color: rgb(192, 192, 192);
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    margin-right: 20px;
}
.news_list .view_num i, .news_list .comment_num i {
    display: inline-block;
    margin-right: 5px;
    height: 15px;
    width: 17px;
    vertical-align: middle;
    overflow: hidden;
}
.news_list .view_num i {
    background-position: -125px 0px;
}
.news_list .comment_num a {
    color: rgb(192, 192, 192);
}
.news_list .comment_num i {
    background-position: -108px 0px;
}
.news_list .comment_num a:hover i {
    background-position: -108px -15px;
}
.news_list .comment_num a:hover {
    color: rgb(53, 181, 235);
}
.news_list a.read {
    background: none repeat scroll 0% 0% rgb(200, 200, 200);
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    width: 110px;
    position: absolute;
    bottom: 0px;
    right: -25px;
    text-align: center;
}
.news_list a.read i { margin-left: 10px; width: 8px; height: 40px; vertical-align: middle; overflow: hidden; background-position: 0 -94px}
.news_list a.read:hover { background: none repeat scroll 0% 0% rgb(53, 181, 235)}


/* 门户首页顶部右侧热门评论样式 */
.top_right { position: relative; width: 288px; height: 275px; padding: 50px 15px 15px 15px; border: 1px solid #EEEEEE; box-shadow: 0 0 4px #ECECEC; margin: 0 0 20px 0; overflow: hidden; background: #FFFFFF}
.title_bar { color: #FFFFFF; font-size: 16px; padding-right: 5px ;position: absolute; top: 0; left: 0; background: none repeat scroll 0% 0% rgb(235, 91, 76);}
.weand_bg { display: inline-block; background: url(weand_bg.png) no-repeat 0 0}
.title_bar i { width: 24px; height: 35px; margin-right: 5px; vertical-align: middle; background-position: -232px -32px}

/* 热门评论 */
.inner_scroll {
    padding-right: 20px;
    height: 280px;
    width: 270px;
	overflow-x: hidden;
	overflow-y: scroll;
    position: absolute;
}
.inner_scroll ul li {
    margin-bottom: 18px;
    width: 270px;
	overflow: hidden
}
.inner_scroll .reviewers {
    color: rgb(102, 102, 102);
    padding-left: 52px;
    width: 178px;
    position: relative;
}
.inner_scroll .users {
    border: 2px solid rgb(216, 216, 216);
    height: 38px;
    width: 38px;
    position: absolute;
    top: 3px;
    left: 0;
}
.inner_scroll .reviewers {
    color: rgb(102, 102, 102);
}
.inner_scroll .user_name {
    color: rgb(53, 181, 235);
    font-size: 14px;
    font-weight: 700;
    padding-right: 8px;
}
.inner_scroll .question {
    line-height: 22px;
    padding-top: 3px;
}
.inner_scroll .answer {
    background: #F0F0F0;
	height: 29px;
    line-height: 29px;
	margin: 12px 10px 0 0;
    padding: 5px 10px;
    word-break: break-all;
    word-wrap: break-word;
    position: relative;
	_overflow: hidden
}
.inner_scroll .answer s {
    display: inline-block;
    border-width: 10px 8px;
    border-style: solid;
    font-size: 0;
    margin-left: -5px;
    height: 0px;
    width: 0px;
    border-color: transparent transparent #F0F0F0;
    position: absolute;
    left: 50%;
    top: -18px;
}
.ie6 .inner_scroll .answer s { display: none}
.inner_scroll .answer a { color: rgb(136, 136, 136)}


/* 最新头条 */
.news_lists { position: relative; padding: 25px 15px 20px 15px; margin: 0 0 20px 0; border: 1px solid #EEEEEE; box-shadow: 0 0 4px #ECECEC; background: #FFFFFF}
.news_lists .tag { color: #FFFFFF;font-size: 15px;padding: 0px 8px;position: absolute;top: -10px;left: 16px; background: none repeat scroll 0% 0% #35B5EB}
.weand_bg {
    display: inline-block;
    background: url(weand_bg.png) no-repeat scroll 0% 0% transparent;
}
.news_lists .tag em {
    background-position: -95px -20px;
    height: 10px;
    width: 4px;
    position: absolute;
    top: 0px;
    left: -4px;
}
.news_lists .tag i.latest_ico {
    background-position: -49px -100px;
    width: 18px;
}
.news_lists .tag i {
    height: 35px;
    margin-right: 5px;
    vertical-align: middle;
}
.hourly_news ul li {
    border-bottom: 1px solid rgb(242, 242, 242);
    padding: 20px 40px 20px 100px;
    height: 60px;
    position: relative;
}
.hourly_news ul li .msg_num {
    background: none repeat scroll 0% 0% rgb(53, 181, 235);
    color: rgb(255, 255, 255);
    font-family: "Times New Roman",Times,serif;
    padding: 0px 8px;
    position: absolute;
    top: 23px;
    right: 8px;
}
.hourly_news ul li s {
    display: inline-block;
    border-width: 6px;
    border-style: solid;
    font-size: 0px;
    height: 0px;
    width: 0px;
    border-color: transparent rgb(53, 181, 235) transparent transparent;
    position: absolute;
    left: -12px;
    top: 3px;
    vertical-align: top;
}
.hourly_news .thumbnail {
    border: 1px solid rgb(230, 230, 230);
    height: 60px;
    width: 80px;
    position: absolute;
    top: 20px;
    left: 3px;
}
.hourly_news ul li .abstract {
    font-size: 13px;
    line-height: 1.5em;
    margin-bottom: 5px;
    height: 40px;
    overflow: hidden;
}
.hourly_news ul li .abstract a { color: #666666}
.hourly_news ul li .date {
    color: rgb(202, 202, 202);
    font-size: 12px;
}