/* Author:Richard */
/* Date:2009-08   */



/* index layout */

.main{margin:0 auto;width:980px;text-align:left;}
.areaLeft{float:left;width:748px;}
.areaRight{float:right;width:220px;overflow:hidden;}

.hotImg{float:left;width:402px;border:1px solid #ddd;padding:1px;}
.hotList{float:right;width:331px;border:1px solid #ddd;background:url(../images/hotListBg.jpg) no-repeat;}

.hotList .bigNews{width:318px;margin:23px 0 0 10px;text-align:center;}
.hotList .bigNews h1{font-size:18px;padding:5px 0;}
.hotList .bigNews h1 a{color:#f30;}
.hotList .bigNews h2{line-height:20px;}
.hotList .bigNews h2 a{color:#595757;}
.hotList .bigNews h2 a:hover{color:#f30;}
.hotList .List{width:318px;margin:10px 0 5px 10px;}
.hotList .List li{line-height:22px;}
*html .hotList .List li{line-height:23px;}
*+html .hotList .List li{line-height:23px;}
.hotList .List li a{color:#595757;font-size:14px;}
.hotList .List li a:hover{color:#f30;}

.area-search{float:right;width:333px;height:36px;margin:3px 0 0 0;background:url(../images/searchBg.jpg) no-repeat;}
.area-search .search{float:right;display:inline;width:160px;height:21px;margin:8px 9px 0 0;overflow:hidden;}
.area-search .search .textBox{background:url(../images/searchBg01.gif) no-repeat;width:132px;height:21px;line-height:20px;text-indent:4px;padding:1px 0 0 2px;border:none;color:#969898;float:left;}
.area-search .search .btn{float:left;width:23px;height:21px;background:url(../images/searchBg02.gif) no-repeat;border:none;text-indent:-9999px;cursor:pointer;}

/* hotimg */
#lantern{border:1px #fff solid;overflow:hidden;width:400px;height:240px;cursor:pointer;}
#lanternMain{width:400px;height:224px;background:#fff;}
#lanternNavy{float:left;font-size:12px;overflow:hidden;width:1000px;color:#fff;height:16px;text-align:center;}

#lanternNavy .div_off1,
#lanternNavy .div_off2,
#lanternNavy .div_off3
{float:left;height:16px;background:#bbb;text-align:center;padding:2px 0 0 0;}

#lanternNavy .div_on1,
#lanternNavy .div_on2,
#lanternNavy .div_on3
{float:left;padding:2px 24px 0 10px;height:16px;background: #1A979E;}

#lanternNavy .div_off1{border-left:#fff 0px solid;border-bottom:#fff 1px solid;}
#lanternNavy .div_off2{border-left:#fff 1px solid;border-bottom:#fff 1px solid;}
#lanternNavy .div_off3{border-left:#fff 1px solid;border-bottom:#fff 1px solid;border-right:#fff 2px solid;}

#lanternNavy .div_on1{border-left:#fff 0px solid;border-bottom:#fff 1px solid;}
#lanternNavy .div_on2{border-left:#fff 1px solid;border-bottom:#fff 1px solid;}
#lanternNavy .div_on3{border-left:#fff 1px solid;border-bottom:#fff 1px solid;border-right:#fff 2px solid;}
#lanternImg{overflow:hidden;width:400px;position:absolute;height:224px;}
.jumppage{float:left;width:75px;height:29px;}
.area-lanternPoint{z-index:100;width:400px;border-bottom:#fff 1px solid;position:absolute;top:221px;height:2px;}

#login{width:215px;border:1px solid #ddd;background:url(../images/mamabanBg.jpg) no-repeat;padding:10px 0 1px 3px;}

#mamaban{width:218px;border:1px solid #ddd;background:url(../images/mamabanBg.jpg) no-repeat;}
#mamaban .titleImg{margin:10px 0 0 3px;}
#mamaban .titleTxt{margin:0px 0 0 16px;}
#mamaban .titleTxt h1{color:#37A3AD;line-height:18px;}
#mamaban .Lecturer{margin:2px 0 3px 3px;padding:5px 0px 2px 0px;background:#dbfcff;width:211px;line-height:18px;}
#mamaban .Lecturer img{float:left;margin:0 10px 0px 10px;padding:2px;background:#fff;border:1px solid #ddd;}


.areaNews{width:746px;border:1px solid #9FBDD3;background:#A4E6EE;}
.areaNews .nav{width:746px;height:30px;background:url(../images/LeftTitleBg.jpg) no-repeat;}
.areaNews .nav .left{float:left;width:170px;padding:8px 0 0 40px;}
.areaNews .nav .left a{color:#221815;font-size:14px;font-weight:bold;}
.areaNews .nav .left a:hover{color:#f30;}
.areaNews .nav .right{float:right;width:490px;padding:9px 20px 0 0;text-align:right;}
.areaNews .nav .right a{padding:0 5px 0 0;}
.areaNews .con{width:716px;margin:0 0 4px 4px;padding:10px;background:url(../images/leftConBg.jpg) repeat-y;clear:both;overflow:hidden;}
.areaNews .con .imgNews{float:left;width:216px;height:270px;border:1px solid #ddd;text-align:center;}
.areaNews .con .imgNews img{margin:2px 2px 8px 2px;}
.areaNews .con .imgNews h1{font-size:14px;font-weight:bold;}

.areaNews .con .list{width:235px;float:left;margin:0 0 4px 10px;}
.areaNews .con .list .title{width:210px;height:22px;padding:3px 0 0 15px;background:url(../images/titleBg.gif) no-repeat;}
.areaNews .con .list .title a{color:#37A3AD;font-size:14px;font-weight:bold;}
.areaNews .con .list .title a:hover{color:#f30;}
.areaNews .con .list .newsList{width:235px;padding:3px 0 0 0;}
.areaNews .con .list .newsList li{line-height:21px;}
.areaNews .con .list .newsList li a{color:#595757;width:235px;height:18px;padding:0 0 0 10px;background:url(../images/dot-img.gif) 0px -175px no-repeat;}

.areaNews .con .left{float:left;width:460px;}
.areaNews .con .left .game{float:left;width:460px;}
.areaNews .con .left .game li{float:left;width:101px;text-align:center;margin:0 10px 4px 0px; }
.areaNews .con .left .game li img{border:1px solid #85d8dd;}
.areaNews .con .left .game li h1{font-size:12px;line-height:20px;}

.areaNews .con .right{float:right;width:250px;}
.areaNews .con .right .music{float:right;width:110px;margin:0 10px 0 0;}
.areaNews .con .right .music li{float:left;width:92px;height:20px;padding:3px 0 0 18px;line-height:20px;background:url(../images/dot-h.gif) repeat-x bottom;}



.bbsLeft{float:left;width:280px;}
.bbsRight{float:right;width:680px;}
.bbsLeft .gonggao{width:280px;height:24px;background:url(../images/zhuanjiatitle.jpg) no-repeat;}
.bbsLeft .list{width:180px;padding:10px 0 0 100px;background:url(../images/zhuanjiaBg.jpg) no-repeat;}
.bbsLeft .list li{line-height:20px;}
.bbsLeft .list li a{height:18px;padding:0 0 0 10px;background:url(../images/dot-img.gif) 0px -175px no-repeat;}

.bbsRight .hot{float:left;width:330px;margin:0 5px 0 0;}
.bbsRight .hot .title{width:325px;height:21px;padding:8px 0 0 5px;background:url(../images/bbsTitleBg.jpg) no-repeat;border:1px solid #9fbdd3;color:#39a3ac;}
.bbsRight .hot .title img{margin:0 5px;}
.bbsRight .hot .list{padding:8px 0 0 3px;}
.bbsRight .hot .list li{line-height:22px;}
.bbsRight .hot .list li a{height:22px;padding:0 0 0 10px;background:url(../images/dot-img.gif) 0px -175px no-repeat;font-size:14px;}
.bbsRight .bbsnav{margin:5px 0 0 0;clear:both;}
.bbsRight .bbsnav .title{width:665px;height:21px;padding:8px 0 0 5px;background:url(../images/bbsTitleBg.jpg);border:1px solid #9fbdd3;color:#39a3ac;}
.bbsRight .bbsnav img{margin:0 5px;}
.bbsRight .bbsnav .con{width:652px;padding:5px 10px;background:#effbf9;overflow:hidden;}
.bbsRight .bbsnav .con .left{width:390px;float:left;color:#196b95;}
.bbsRight .bbsnav .con .left a{line-height:23px;color:#196b95;}
.bbsRight .bbsnav .con .left a:hover{color:#f30;}
.bbsRight .bbsnav .con .right{width:260px;float:right;}

.link{margin:0 auto;width:980px;text-align:left;border:1px solid #dce3dc;overflow:hidden;}
.link .left{float:left;width:45px;}
.link .right{float:right;width:905px;padding:10px;}
.link .right a{line-height:23px;color:#196b95;}
.link .right a:hover{color:#f30;}




/* sub channel style */


.expert{width:980px;}
.areaExpert{float:left;width:173px;margin:0px 15px 0 5px;cursor:pointer;}
.areaExpert p{width:163px;height:210px;padding:2px;border:1px solid #aea68f;}
.areaExpert h1{text-align:center;height:30px;padding:0px 0 0 0;font-weight:bold;color:#49453a;}

.expertInfo{width:500px;background:#fff;padding:10px;cursor:pointer;}
.expertInfo .left{float:left;width:163px;height:210px;padding:2px;border:1px solid #aea68f;}
.expertInfo .right{float:right;width:300px;line-height:23px;padding:0px 10px;text-align:left;}

 .black_overlay
        {
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index: 1001;
            -moz-opacity: 0.8;
            opacity: .80;
            filter: alpha(opacity=80);
        }
        .white_content
        {
            display: none;
            position: absolute;
            top: 180px;
            left:25%;
            width: 520px;
            height: 550px;
            background-color: white;
            z-index: 1002;
            overflow: hidden;
        }
        .title
        {
            padding: 2px 10px;
			height: 30px;
            line-height: 30px;
            float: right;
        }









.BreadCrumb{width:600px;height:20px;color:#8C8C8C;}


.imgList{clear:both;text-align:center;padding:8px 0 0 0;}
.imgList ul{}
.imgList li{float:left;padding:0 7px 0 0px;}
.imgList h3{font-size:12px;padding:5px 0 0 0;}
.imgList img{border:1px solid #8C8C8C;}
