@charset "utf-8";

/* BLOBAL */
*{
scrollbar-3dlight-color:#D4D0C8;
scrollbar-highlight-color:#fff;
scrollbar-face-color:#eee;
scrollbar-arrow-color:#666;
scrollbar-shadow-color:#808080;
scrollbar-darkshadow-color:#D7DCE0;
scrollbar-base-color:#D7DCE0;
scrollbar-track-color:#;
} 
html, body, h1, h2, h3, h4, h5, h6, form, input, select, table, td, th, p, div, ul, li, span {
	margin:0;
	padding:0;
	font:normal 14px/1.75 Arial, SimSun, "宋体"; 
	color:#000;
}
body {
	background:#fff url(../imgs/bg-top.jpg) 0 0 repeat-x;
}
a {
	color:#36c;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
#top, #nav, #pathbar, #adbar, #heading, #main { width:960px; margin:0 auto; padding:0;}

/* TOP */
#top { height:80px; overflow:hidden;}
#top .logo { width:695px; float:left;}
#top .logo h1, #top .logo h1 a { line-height:75px; font-size:40px; font-family:"Arial Black","黑体"; color:#36c; font-weight:normal; /*font-style:italic; */float:left;}
#top .logo h1 a:hover { color:#36c;}
#top .logo h1 span { font-size:26px; color:#999; font-family:"黑体"; font-style:normal; line-height:88px; _line-height:80px;}
#top .searchbox { width:265px; float:left; line-height:80px;}
#top .searchbox .inputQ { width:160px; height:28px; border:1px solid #36c; margin:20px 0 0 15px; padding-left:5px;}
#top .searchbox .btnSubmit { background:url(../imgs/btn-search.jpg) 0 0 no-repeat; text-indent:-9999px; width:80px; height:30px; border:0; margin-left:-5px;}

/* NAV */
#nav { height:40px; overflow:hidden;}
#nav .menu { width:960px; float:left;}
#nav .menu ul { list-style-type:none;}
#nav .menu ul li { width:166px; height:40px; margin:0 4px 0 0; float:left;}
#nav .menu ul li a { display:block; width:166px; height:40px; text-align:center; font:normal 20px "黑体"; background:#36c url(../imgs/bg-menu.jpg) 0 0 no-repeat; line-height:40px; _line-height:42px; color:#fff;}
#nav .menu ul li a:hover { background:#36c url(../imgs/bg-menu.jpg) 0 -40px no-repeat; color:#000;}
#nav .menu ul li a.theMenuItem { display:block; width:166px; height:40px; text-align:center; font:normal 20px "黑体"; background:#36c url(../imgs/bg-menu.jpg) 0 -80px no-repeat; line-height:40px; _line-height:42px; color:#000;}
#nav .menu ul li a.theMenuItem:hover { background:#36c url(../imgs/bg-menu.jpg) 0 -40px no-repeat; color:#FFF;}
#nav .otherLink { width:265px; float:left;}
#nav .otherLink a { display:block; color:#666; float:right; margin-left:10px;}
#nav .otherLink a:hover { color:#000; text-decoration:underline;}

/* PATHBAR */
#pathbar { height:40px; overflow:hidden; font-size:12px;}
#pathbar .path { width:695px; line-height:40px; color:#666; float:left; font-size:12px;}
#pathbar .path a { color:#666;}
#pathbar .path a:hover { color:#000; text-decoration:underline;}
#pathbar .otherLink2 { width:265px; float:left; line-height:40px; color:#666; font-size:12px;}
#pathbar .otherLink2 a { display:block; color:#666; float:right; margin-left:10px; line-height:40px;}
#pathbar .otherLink2 a:hover { color:#000; text-decoration:underline;}

/* ADBAR */
#adbar { height:90px; overflow:hidden;}
#adbar .adbox { width:710px; float:left;}
#adbar .adbox img { border:0;}
#adbar .rssbox { width:230px; float:right; height:40px; margin-top:0px;}
#adbar .rssbox a { display:block; float:left; height:40px; color:#666; line-height:40px; background:url(../imgs/bg-rss.jpg) 0 0 no-repeat; padding-left:38px;}
#adbar .rssbox a:hover { color:#000; text-decoration:underline;}
#adbar .rssbox a.rssNews:hover { background:url(../imgs/bg-rss.jpg) 0 -40px no-repeat;}
#adbar .rssbox a.rssProd { float:right;}
#adbar .rssbox a.rssProd:hover { background:url(../imgs/bg-rss.jpg) 0 -80px no-repeat;}

/* HEADING */
#heading { height:50px; overflow:hidden;}
#heading .mhead { width:710px; float:left;}
#heading .shead { width:235px; float:right;}
#heading .mhead, #heading .shead { font-family:"黑体"; font-size:26px; line-height:60px;}

/* MAIN */
#main { margin-bottom:0px;}
/* MAIN - left: main body - */
#main .mBlock { width:708px; float:left; overflow:hidden; border:1px solid #ddd; background:#fff url(../imgs/bg-maintop.jpg) 0 0 repeat-x;}
#main .mBlock .outline { margin:15px 15px 0 15px;}
/* MAIN -- left: main body -- news block -- */
#main .mBlock .outline .itembox { margin-bottom:20px;clear:both;}
#main .mBlock .outline .itembox h2 { font-family:"黑体"; font-size:20px; font-weight:normal; color:#36c; height:22px; line-height:22px; _line-height:24px; overflow:hidden;}
#main .mBlock .outline .itembox h2 a { display:block; float:left; width:auto; height:22px; line-height:22px; _line-height:24px; overflow:hidden;}
#main .mBlock .outline .itembox h2 a:hover { text-decoration:underline;}
#main .mBlock .outline .itembox h2 .datebox { float:right; text-align:center; width:76px; height:18px; border:1px solid #ccc; background-color:#fff; color:#666; font:normal 12px/19px Arial;}
#main .mBlock .outline .itembox p { margin:4px 0 0 0; padding:0;}
#main .mBlock .outline .itembox p img { border:0; float:left; margin:5px 10px 0 0;}
/* MAIN -- left: main body -- page down, page up -- */
.pageSys { text-align:right; padding:0 15px;}
.pageSys a { border:1px solid #999; padding:2px 5px; margin:2px; color:#666;}
.pageSys a:hover { border:1px solid #36c; color:#36c;}
.pageSys .pageCurrent { border:1px solid #36c; padding:2px 5px; margin:2px; color:#fff; background-color:#36c; font-weight:bold;}
.pageSys .pageDisable { border:1px solid #ddd; padding:2px 5px; margin:2px; color:#ddd;}
/* MAIN - right: sider - */
#main .sBlock { width:250px; float:right;}
#main .sBlock ul.submenu { list-style-type:none; margin-bottom:30px;}
#main .sBlock ul.submenu li { float:right; margin-bottom:-1px;}
#main .sBlock ul.submenu li.lastone { margin-bottom:0;}
#main .sBlock ul.submenu li a { text-indent:60px; font-family:"黑体"; font-size:18px; font-weight:normal; color:#888; line-height:42px;  background:#fff url(../imgs/bg-submenu.jpg) 100% 0 no-repeat; height:40px; width:245px; float:right; overflow:hidden;}
#main .sBlock ul.submenu li a span { margin-left:60px; font-family:"黑体"; font-size:18px; font-weight:normal; color:#888; line-height:42px;}
#main .sBlock ul.submenu li a:hover { background:#fff url(../imgs/bg-submenu.jpg) 100% -78px no-repeat;}
#main .sBlock ul.submenu li a:hover span { color:#666;}
#main .sBlock ul.submenu li.theLi a {text-indent:60px; font-family:"黑体"; font-size:18px; font-weight:normal; color:#36c; line-height:42px;  background:#fff url(../imgs/bg-submenu.jpg) 100% -39px no-repeat; height:40px; width:245px; float:right; overflow:hidden;}
#main .sBlock ul.submenu li.theLi a span { margin-left:60px; font-family:"黑体"; font-size:18px; font-weight:normal; color:#36c; line-height:42px;}
#main .sBlock ul.submenu li.theLi a:hover { background:#fff url(../imgs/bg-submenu.jpg) 100% -39px no-repeat;}
#main .sBlock ul.submenu li.theLi a:hover span { color:#36c;}
#main .sBlock .tagbox { width:235px; float:right;}
#main .sBlock .tagbox h2 { font-family:"黑体"; font-size:26px; height:60px; line-height:80px; overflow:hidden;}
#main .sBlock .tagbox .tags { width:235px; border:1px solid #ddd; border-left:0; border-right:0; padding:5px 0; float:left;}
#main .sBlock .tagbox .tags a { padding:2px 2px 1px 15px; display:block; width:100px;_width:95px; float:left; line-height:1.5;overflow:hidden;}
#main .sBlock .tagbox .tags a:hover { background:#36c url(../imgs/bg-taglink.jpg) 3px 50% no-repeat; color:#fff;}
.clearbox { height:20px; clear:both;}

/* MAIN - page: artical - */
#main .mBlock .outlineArtical { margin:15px; overflow:hidden;}
#main .mBlock .outlineArtical h1 { font-family:"黑体"; font-size:20px; font-weight:normal; color:#36c; height:30px; line-height:32px; overflow:hidden; text-align:center;}
#main .mBlock .outlineArtical .pub { font-size:12px; text-align:center; margin:10px 0 20px 0;}
#main .mBlock .outlineArtical p { margin:0 0 15px 0; padding:0; text-indent:28px;}
#main .mBlock .outlineArtical .leading { width:90%; font-style:italic; margin:0 auto; margin-bottom:20px; background:url(../imgs/bg-quo.gif) 10px 0 no-repeat; padding:10px;}
#main .mBlock .outlineArtical p img.toLeft { border:0; float:left; margin:5px 10px 0 0;}
#main .mBlock .outlineArtical p img.toRight { border:0; float:right; margin:5px 0 0 10px;}
#main .mBlock .outlineArtical p.relatedArtical { margin:0 0 0 15px; padding:0; text-indent:0;}
#main .sBlock .recommendbox { width:235px; float:right;}
#main .sBlock .recommendbox h2 { font-family:"黑体"; font-size:26px; height:60px; line-height:80px; overflow:hidden;}
#main .sBlock .recommendbox ul { width:235px; list-style-type:none; border:1px solid #ddd; border-left:0; border-right:0; padding:5px 0; float:none;}
#main .sBlock .recommendbox ul li { margin:5px 0; background:url(../imgs/bg-dot.gif) 0 8px no-repeat; padding-left:12px; line-height:1.5;}

/* BOT */
#bot { background:#eee url(../imgs/bg-bot.jpg) 0 0 repeat-x; padding:20px 0 40px 0; width:100%; float:left; _float:none;}
#bot .footer { width:960px; margin:0 auto;}
#bot .footer .listbox { width:700px; float:left;}
#bot .footer .listbox ul { list-style-type:none; margin:0 0 0 40px; padding:0;}
#bot .footer .listbox ul li { float:left; width:200px; margin:0 10px 0 0; _margin:0;}
#bot .footer .listbox ul li ul { width:200px; list-style-type:none; margin:0 10px 0 0; clear:both;}
#bot .footer .listbox ul li ul li { font-size:12px;}
#bot .footer .listbox ul li ul li a { display:block; background:url(../imgs/bg-footerList.gif) 0 0 no-repeat; padding-left:10px; margin:4px 0; line-height:16px; height:16px; overflow:hidden;}
#bot .footer .listbox ul li ul li a:hover { background:url(../imgs/bg-footerList.gif) 0 -14px no-repeat;} 
#bot .footer .listbox ul li ul li.headLi { font-family:"黑体"; font-size:18px; color:#666; background:url(../imgs/bg-footerList.gif) 2px 100px no-repeat; padding:0;}
#bot .footer .copybox { width:230px; float:right;}
#bot .footer .copybox .logoFooter { width:230px; height:60px; background:url(../imgs/logo-footer.gif) 50% 100% no-repeat; text-indent:-9999px; float:left;}
#bot .footer .copybox p { margin-top:10px; font-size:12px; color:#666; float:left; text-align:center;}
#bot .footer a { color:#666;}
#bot .footer a:hover { color:#36c;}



/* MAIN -- left: main body -- photos block -- */
#main .mBlock-photo { width:708px; overflow:hidden; float:left; border:1px solid #ddd; background-color:#fff;}
#main .mBlock-photo .outline { margin:15px 15px 0 15px;}
ul.photos { list-style-type:none; margin:0 0 10px 8px;_margin-left:5px; clear:both; float:left;}
ul.photos li { float:left; width:124px; margin:0 10px 10px 0;text-align:center;}
ul.photos li a {color:#FFF;}
/*ul.photos li a { display:block; width:122px; height:122px; float:left; background-color:#fff; text-align:center; overflow:hidden; border:1px solid #fff;}*/
/*ul.photos li a:hover { background-color:#eee; border:1px solid #ddd;}*/
ul.photos li a {width:75px; cursor:pointer; background-color:#eee;padding:5px;display:block;overflow:hidden;} /* flickr缩略图的宽度和高度最大为100px */
ul.photos li a img{border:0}
ul.photos li a:hover  { background-color:#F90; cursor:pointer;}
h2 { font-family:"黑体"; font-size:20px; font-weight:normal; color:#36c; height:22px; line-height:22px; _line-height:24px; overflow:hidden;}
.tags-below-title { color:#999; text-align:right;}
.tags-below-title a { color:#999;}
.tags-below-title a:hover { color:#36c;}
.tags-below-title .tags-below-title-left{float:left;}

/* ------------------------------------------------- 以下 2010-6-18 修改和增加 -- */
a.toFlickr { padding-right:15px; background:#fff url(../imgs/bg-external-link.gif) 58px 1px no-repeat;}
a.toFlickr:hover { background-position:58px -19px;}
.photo-m { float:left; width:708px; margin-top:10px;}
.photo-m .photodiv { width:618px; float:left; text-align:center; line-height:1.5;over-flow:hidden;}
.photo-m .photodiv img { border:0;}
.photo-m a.prePhoto { display:block; width:30px;float:left; background:url(../imgs/bg-photo-pre-next.gif) -100px 50% no-repeat;}
.photo-m a.prePhoto:hover { background-position: -150px 50%;}
.photo-m a.nextPhoto { display:block; width:30px;float:left; background:url(../imgs/bg-photo-pre-next.gif) 0 50% no-repeat;}
.photo-m a.nextPhoto:hover { background-position: -50px 50%;}
/* ------------------------------------------------- 以上 2010-6-18 修改和增加 -- */


/* MAIN - right: sider - photo icon - */
.recommendbox .icons { width:235px; list-style-type:none; border-top:1px solid #ddd;padding:10px 0 0 0; float:left;}
.recommendbox .icons a.photo-icon { display:block; width:75px; height:75px; float:left; margin:0 3px 3px 0; _margin:0 3px 0 0; color:#fff; text-align:center;}
.recommendbox .icons a.photo-icon img { border:0;}







/* BOT ----- modified 2010.12.09 ------ */
#bot .footer .listbox h3 { font-family:"黑体"; font-size:16px; color:#666; background:url(../imgs/bg-footerList.gif) 2px 100px no-repeat; padding:0;} 
#bot .footer .listbox ul { list-style-type:none; margin:0 0 0 40px; padding:0; width:680px; overflow:hidden;}
#bot .footer .listbox ul li { float:left; width:200px; margin:0 20px 0 0; _margin:0;}
#bot .footer .listbox ul li a { display:block; background:url(../imgs/bg-footerList.gif) 0 0 no-repeat; padding-left:10px; margin:4px 0; line-height:16px; height:16px; overflow:hidden;}
#bot .footer .listbox ul li a:hover { background:url(../imgs/bg-footerList.gif) 0 -14px no-repeat;} 
#main .mBlock .outline .itembox { margin:15px 0;}
.tag-row { color:#999; margin:0; font-size:12px; clear:both;}
.tag-row a { color:#999; font-size:12px; background:none; padding:1px; _padding-bottom:0;}
.tag-row a:hover { background:#36c; color:#fff;}
#main .mBlock .outlineArtical .pub { font-size:12px; text-align:center; margin:0 0 5px 0;}
#main .mBlock .outline .itembox p img { border:0; float:left; margin:5px 10px 15px 0;}
#main .mBlock .outline .itembox { margin-bottom:20px; clear:both;}