/* global */
.area { width: 960px; margin: 0 auto; text-align: left; }

/* layout */.directNav { height: 32px; line-height: 32px; vertical-align: middle; background: url(img_1.jpg) repeat-x; }

/* menu */
.nav_channel {background:url(http://img1.cache.netease.com/cnews/img09/sprites_jpg.jpg) left -153px repeat-x; height:32px; width:960px; margin:0 auto;}
.nav_channel .rightS {background:url(http://img1.cache.netease.com/cnews/img09/sprites_jpg.jpg) right -467px no-repeat; display:block; float:right; width:8px; height:32px; overflow:hidden;}
.nav_channel .nav {background:url(http://img1.cache.netease.com/cnews/img09/sprites_jpg.jpg) left -235px no-repeat; height:32px; float:left; line-height:33px; color:#fff; overflow:hidden;}
.nav_channel .nav a {background:url(http://img1.cache.netease.com/cnews/img09/sprites.gif) left -253px no-repeat; float:left; padding:0 7px 0 11px;}
.nav_channel .nav .firstNode {background:none;}
.nav_channel .nav a,.nav a:visited {color:#fff;}
.nav_channel .nav a:hover {color:#fff;}
.nav_channel .calendar {width:70px; height:32px; position:relative; float:right; z-index:2;}
.nav_channel .calendar .pointer {background:url(http://img1.cache.netease.com/cnews/img09/sprites.gif) right -226px no-repeat; cursor:pointer; width:67px; color:#fff; display:block; text-align:left; margin-top:9px;}
.nav_channel .calendar .pointer:hover {text-decoration:underline;}
.nav_channel .goHome {width:70px; height:32px; position:relative; float:right;}
.nav_channel .goHome a {background:url(http://img1.cache.netease.com/cnews/img09/sprites.gif) right -257px no-repeat; cursor:pointer; width:67px; color:#fff; text-align:left; display:block; margin-top:9px;}
.nav_channel_end {background:url(http://img1.cache.netease.com/cnews/img09/endnav_bg.jpg) left -67px repeat; height:37px; line-height:38px; overflow:hidden; width:960px; margin:10px auto 0;}
.nav_channel_end .rightS {background:url(http://img1.cache.netease.com/cnews/img09/endnav_bg.jpg) right -141px no-repeat; display:block; width:8px; height:37px; float:right; overflow:hidden;}
.nav_channel_end .nav {background:url(http://img1.cache.netease.com/cnews/img09/endnav_bg.jpg) left -30px no-repeat; height:37px; float:left; line-height:38px; color:#1E50A2; overflow:hidden;}
.nav_channel_end .nav a {background:url(http://img1.cache.netease.com/cnews/img09/endnav_bg.jpg) 4px -104px no-repeat; float:left; padding:0 6px 0 14px; font-weight:bold;}
.nav_channel_end .nav .firstNode {background:none;}
.nav_channel_end .goHome {float:right; width:85px; height:23px; background:url(http://img1.cache.netease.com/cnews/img09/endnav_bg.jpg) left -178px no-repeat; overflow:hidden; text-indent:-19em; margin:7px 8px 0 0;}
.nav_channel_end .nav a,.nav_channel_end .nav a:visited {color:#1E50A2;}
.nav_channel_end .nav a:hover {color:#BA2636;}
.nav_channel_end .search {float:right; display:inline; width:128px; height:20px; margin:8px 13px 0 0; overflow:hidden;}
.nav_channel_end .search .textBox {background:url(http://img1.cache.netease.com/cnews/img09/endnav_bg.jpg) right -202px no-repeat; width:106px; height:20px; line-height:21px; text-indent:4px; padding:2px 0 0 0; border:none; line-height:18px; color:#727171; float:left;}
.nav_channel_end .search .btn {background:url(http://img1.cache.netease.com/cnews/img09/endnav_bg.jpg) left -222px no-repeat; width:22px; height:20px; border:none; text-indent:-100em; cursor:pointer; float:left;}

/* title icon */
.title-1 { padding-left: 20px; font-size: 14px; font-weight: bold; background: url(img_8.jpg) no-repeat left 50%; text-align: left; }

/* input box */
.input-1 { width: 98px; height: 20px; border: 1px solid #ccc; vertical-align: middle; color: #666; text-indent: 0.5em; }

/* pages */
.pages-1 { clear: both; }
.pages-1 a { margin-left: 5px; padding: 2px 7px; border: 1px solid #ccc; color: #1E3986; }
.pages-1 a.on { color: #fff; background-color: #1E3986; text-decoration: none; }
.pages-1 a:hover { color: #fff; background-color: #1E3986; text-decoration: none; }

/* button */
.btn-1 { border: none; vertical-align: middle; width: 56px; height: 21px; background: url(img_4.jpg); }
.btn-2 { display: inline-block; display: -moz-inline-stack; *display: inline; zoom: 1; width: 26px; height: 14px; background: url(img_3.jpg) no-repeat; vertical-align: middle; }
.btn-3 { background: url(img_39.jpg) no-repeat; width: 56px; height: 20px; border: none; color: #666; margin-right: 5px; margin-top: 2px; font-size: 12px; }

/* border */
.b-1 { border: 1px solid #ccc; }

/* widget */
.focus-1 { margin: 10px; width: 360px; height: 240px; border: 1px solid #ccc; overflow: hidden; }
.focus-1 li { display: none; }
.focus-1 li.on { display: block; }

.focuslist-1 { width: 560px; margin-left: -1px; }
.focuslist-1 li { height: 120px; }
.focuslist-1 li.on { height: 120px; border: 1px solid #ccc; border-left: 1px solid #fff; background: #fff url(img_13.jpg) no-repeat 5px 50%; }
.focuslist-1 .hd { overflow: hidden; height: 45px; line-height: 45px; margin-right: 15px; }
.focuslist-1 .hd .title { _display: inline; margin-left: 25px; font-family: simhei; font-size: 18px;  }
.focuslist-1 .hd .more { _display: inline; margin-right: 5px; }
.focuslist-1 .bd { padding-left: 25px; color: #1E50A2; line-height: 22px; margin-right: 15px; text-align: left; }
.focuslist-1 .bd a { color: #DB1011; }

/* panel */
.panel-1 { margin-right: 10px; }
.panel-1 .hd { overflow: hidden; background: url(img_14.jpg) repeat-x; height: 25px; }
.panel-1 .hd .title { background: url(img_15.jpg) no-repeat; padding-bottom: 15px; height: 25px; line-height: 25px; vertical-align: middle; padding-left: 75px; }
.panel-1 .hd .more { background: url(img_16.jpg) no-repeat right top; padding-right: 10px; height: 25px; line-height: 25px; vertical-align: middle; }

.panel-2 { margin-left: 10px; margin-right: 10px; }
.panel-2 .hd { overflow: hidden; background: url(img_14.jpg) repeat-x; height: 25px; }
.panel-2 .hd .title { background: url(img_20.jpg) no-repeat; height: 25px; line-height: 25px; vertical-align: middle; padding-left: 20px; font-weight: bold; }
.panel-2 .hd .more { background: url(img_16.jpg) no-repeat right top; padding-right: 10px; height: 25px; line-height: 25px; vertical-align: middle; }

/* item */
.item-1 {}
.item-1 .hd { color: #DB1011; background: url(img_17.jpg) no-repeat left 50%; padding-left: 17px; height: 28px; line-height: 28px; vertical-align: middle; *height: 24px; *line-height: 24px;  }
.item-1 h2 a { font-family: simhei; font-size: 16px; color: #000; line-height: 26px; }
.item-1 h2 a:hover { color: #c00; }
.item-1 .des-1 { overflow: hidden; color: #1E50A2; line-height: 21px; text-indent: 2em; }
.item-1 .des-1 a { color: #DB1011; }
.item-1 .des-1 .author { float: right; color: #727171; margin-top: -22px; }

.item-2 { line-height: 150%;color: #727171; clear: both;  }
.item-2 h2 { margin-bottom: 5px; }
.item-2 h2 a { font-size: 14px; font-weight: bold; color: #000; }
.item-2 h2 a:hover { color: #c00; }
.item-2 .des-1 { overflow: hidden; color: #727171; margin-top: 5px; }
.item-2 .des-1 .des-l1 { width: 122px; _display: inline; margin-left: 5px; }
.item-2 .des-1 .des-l1 a img { border: 1px solid #ccc; }
.item-2 .des-1 .des-r1 { width: 130px; _display: inline; margin-right: 5px; text-indent: 2em; }
.item-2 .des-1 .des-r1 a { color: #DB1011; }

.item-3 { width: 290px; margin: 15px; overflow: hidden; float: left; _display: inline; }
.item-3 .hd { overflow: hidden; height: 30px; line-height: 30px; vertical-align: top; }
.item-3 .hd .left-1 { float: left; font-size: 14px; font-weight: bold; }
.item-3 .hd div.f12px { color: #2b2b2b; font-size: 12px; }
.item-3 .hd .right-1 { float: right; color: #666; }
.item-3 .bd .left-1 { float: left; }
.item-3 .bd .left-1 img { border: 1px solid #ccc; }
.item-3 .bd .right-1 { float: right; width: 190px; text-align: left; }
.item-3 .bd .right-1 { line-height: 21px; }
.item-3 .bd .right-1 li { background:transparent url(img_19.jpg) no-repeat scroll 10px 50%; padding-left: 20px; }
.item-3 .bd .right-1 li a { color: #2b2b2b; }
.item-3 .bd .right-1 li a:hover { color: #ba2636; }
.item-3 .bd .right-1 h2 { padding-left: 10px; font-weight: bold; }
.item-3 .bd .right-1 h2 a { color: #2b2b2b; }
.item-3 .bd .right-1 h2 a:hover { color: #ba2636; }
.item-3 .bd .right-1 span { color: #999; display: block; margin-left: 10px; text-indent: 2em; }

/* list */
.list-1 li { background: url(img_18.jpg) repeat-x left 50%; font-size: 14px; line-height: 25px; overflow: hidden; }
.list-1 li a { float: left; background: url(img_19.jpg) no-repeat left 50%; padding-left: 10px; padding-right: 5px; background-color: #fff; color: #2B2B2B }
.list-1 li a:hover { color: #c00; }
.list-1 li .author { float: right; background-color: #fff; padding-left: 5px; }

.list-2 { margin-left: 5px; margin-right: 5px; }
.list-2 li { height: 20px; line-height: 20px; vertical-align: middle; *height: 18px; *line-height: 18px; clear: both; }
.list-2 li a { float: left; background: url(img_19.jpg) no-repeat left 50%; padding-left: 10px; padding-right: 5px; background-color: #fff; color: #2B2B2B }
.list-2 li span { float: right; color: #727171; }

.list-3 { line-height: 150%; margin-top: 10px; margin-bottom: 20px; }
.list-3 .topImg { display: block; margin: 10px 12px 15px; }
.list-3 li a { display: block; background: url(img_24.jpg) no-repeat scroll 10px 50%; padding-left: 20px; color: #2B2B2B; }
.list-3 li a:hover { color: #DB1011; }
.list-3 li span { color:#727171;  padding-left: 5px; }

.tabList-1 { margin-top: 20px; overflow:hidden; }
.tabList-1 .tab-1 { border: solid #ccc; border-width: 1px 0px 0px 1px; margin-bottom: 20px;}
.tabList-1 .tab-1 li { float: left; width: 91px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;  height: 25px; line-height: 25px; vertical-align: middle; text-align: center; background: url(img_35.jpg) repeat-x 1px 2px;  }
.tabList-1 .tab-1 li.on { background: url(img_36.jpg) repeat-x; border-bottom: 1px solid #F7FCFE; }
.tabList-1 .tab-1 li a { color: #2b2b2b; }
.tabList-1 .tab-1 li a:hover { color: #BA2636; }

.list-4 li { height: 22px; line-height: 22px; vertical-align: middle; padding-left: 5px; }
.list-4 li img { vertical-align: text-top; margin-right: 5px;  }
.list-4 li a { color: #2b2b2b; }
.list-4 li a:hover { color: #ba2636; }

.list-5 { margin-top: 20px; margin-left: 15px; overflow: hidden;  }
.list-5 li { float: left; margin-right: 20px; margin-bottom: 20px;  }

/* head */
.hd-1 { border-bottom: 1px solid #ccc; height: 20px; line-height: 20px; vertical-align: middle; background: url(img_22.jpg) no-repeat 5px 50%; padding-left: 20px; font-weight: bold;  }
.hd-2 { background: transparent url(img_14.jpg) repeat-x scroll 0 0; height: 25px; overflow: hidden; }
.hd-2 .left-1 { float: left; }
.hd-2 .right-1 { float: right; background: url(img_38.jpg) no-repeat right 0px; font-size: 12px; }
.hd-2 .right-1 select { width: 100px; border: 1px solid #ccc; color: #666; height: 18px; margin-right: 5px; margin-top: 3px; font-size: 12px; }
.hd-2 .right-1 input.ibox { width: 100px; border: 1px solid #ccc; color: #666; height: 15px; _height: 17px; margin-top: 3px; *margin-top: 1px; margin-right: 5px; font-size: 12px; }


/* position */
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; _margin-bottom: 18px; }
.mb15 { margin-bottom: 15px; }
.mb25 { margin-bottom: 25px; }
.mt15 { margin-top: 15px; }
.mt25 { margin-top: 25px; }

/* container */
.con-1 { overflow: hidden; }
.con-1 .right-1 { _display: inline; margin-top: 1px; margin-right: 1px; width: 570px; height: 260px; background: url(img_12.jpg) repeat-x; border-left: 1px solid #ccc; } 
.con-2 { overflow: hidden; margin-bottom: 10px; }
.con-2 .left-1 { width: 455px;  border-right: 1px dotted #ccc; }
.con-2 .left-2 { width: 295px; }
.con-2 .right-1 { width: 205px; border: 1px solid #ccc; background-color: #F7FCFE; height: 1045px; *height: 1075px; overflow: hidden; }
.con-2 .right-1 .panel-1 { margin: 5px 10px; }
.con-3 { overflow: hidden; }
.con-4 { clear: both; }

/* line */
.line-1 { border-bottom: 1px dotted #ccc; clear: both; }

/* representation */
.directNav .left { _display: inline; margin-left: 10px; }
.directNav .right { _display: inline; margin-right: 10px; }

.chanLogo { overflow: hidden; }
.chanLogo .right { _display: inline; margin-right: 10px; margin-top: 20px; }
