/*  表单管理    */
form{ margin:0px; padding:0px; }

.Container{ background:#FFFFFF url(../Images/containerLeft.gif) repeat-y 10px top; padding:0px 10px;  }
.Container .Banner{ width:100%; height:215px; background:#FFFFFF url(http://img2.t100.cn/upload/ad/20110706_xinchao.jpg); margin:auto; }

.Container .line{ height:6px; border-top:solid 1px #2e2e2e; background:#ffffff; } 
.Container .left{ width:258px; float:left; padding:5px; }
.Container .main{ width:670px; float:right; margin-right:15px; }

.Container .main .types{ height:90px; width:680px; background:url(../images/chao_category.gif) no-repeat; position:relative;  }
.Container .main .types a{ height:75px; position:absolute;}
.Container .main .types a.total{ left:4px; top:4px; width:95px;  }
.Container .main .types a.m{  text-align:center; padding-left:25px; width:55px; padding-top:20px; height:55px; }
.Container .main .types a.m:hover{ text-decoration:none; }
.Container .main .types a.m .name{ color:#000000; font-size:15px; display:block; }
.Container .main .types a.m .en{ color:#727374; font-size:12px; display:block; font-family:Verdana; }
.Container .main .types a.m .update{ color:#dcdcdc; font-size:7px; font-family:Verdana; }
.Container .main .types a.on .name,
.Container .main .types a.on .en,
.Container .main .types a.on .update,
.Container .main .types a.m:hover *{ color:White; }
.Container .main .types a.m1{ left:101px;  }
.Container .main .types a.m1on,
.Container .main .types a.m1:hover{ background:url(../images/chao_category.gif) no-repeat -101px -105px; }
.Container .main .types a.m2{ left:180px;  }
.Container .main .types a.m2on,
.Container .main .types a.m2:hover{ background:url(../images/chao_category.gif) no-repeat -180px -105px; }
.Container .main .types a.m3{ left:261px;  }
.Container .main .types a.m3on,
.Container .main .types a.m3:hover{ background:url(../images/chao_category.gif) no-repeat -261px -105px; }
.Container .main .types a.m4{ left:340px;  }
.Container .main .types a.m4on,
.Container .main .types a.m4:hover{ background:url(../images/chao_category.gif) no-repeat -340px -105px; }
.Container .main .types a.m5{ left:420px;  }
.Container .main .types a.m5on,
.Container .main .types a.m5:hover{ background:url(../images/chao_category.gif) no-repeat -420px -105px; }
.Container .main .types a.m6{ left:501px;  }
.Container .main .types a.m6on,
.Container .main .types a.m6:hover{ background:url(../images/chao_category.gif) no-repeat -501px -105px; }
.Container .main .types a.m7{ left:581px; width:85px; padding-left: 10px;  }
.Container .main .types a.m7on,
.Container .main .types a.m7:hover{ background:url(../images/chao_category.gif) no-repeat -581px -105px; }
/*
.Container .main .types a{ float:left; color:White; padding:6px 12px; height:18px; }
.Container .main .types a.on{ background:url(../images/fav_on.gif) no-repeat center top; }
*/
.Container .main .select{ padding-top:0px; }
.Container .main .select a.selector{ background:url(../Images/chao_select.gif) no-repeat; width:100px; height:16px; padding:5px 0px 0px 13px; display:inline-block; color:#666666; }
.Container .main .select .subMenu{ position:absolute; width:100px; padding:5px; border:solid 1px #CCCCCC; background:#FFFFFF; z-index:10; display:block; visibility:hidden; }
.Container .main .select .subMenu a{ display:block; padding:3px; color:#333333; }  
.Container .main .select .subMenu a:hover{ background:#086da2; color:White; text-decoration:none; }

.Container .main .list{ }

.Container .main .list .topic{ cursor:pointer; margin-bottom:10px; }
.Container .main .list .topic .title{ border:solid 1px #666666; padding:10px; height:16px; overflow:hidden; }
.Container .main .list .topic .title .tit{ color:Black; font-size:14px; font-weight:bold; float:left; }
.Container .main .list .topic .pic{ width:670px; height:235px; position:relative;  }
.Container .main .list .topic .pic .shadow{ width:200px; height:235px; display:none; float:right; background:#000000; filter:alpha(opacity=60); opacity:0.6; }
.Container .main .list .topic .pic .desc{ position:absolute; right:0px; top:0px;display:none; padding:20px 10px; width:180px; height:100px; color:White; line-height:150%; }
.Container .main .list .topic .pic .desc .vip{ display:block; text-align:right; visibility:hidden; text-decoration:underline; }
.Container .main .list .topic .pic .view{ width:40px; height:40px; background:url(../images/view.gif) no-repeat; position:absolute; bottom:10px; right:10px; visibility:hidden; }
.Container .main .list .over .pic .shadow{ filter:alpha(opacity=100); opacity:1.0; }
.Container .main .list .over .pic .desc{ background:#fcf226; color:Black; }
.Container .main .list .over .pic .desc .vip{ visibility:visible; }
.Container .main .list .over .pic .view{ visibility:visible; }


/*  左侧列表    */
.Container .left .loginbox{ background:#f6f6f6 url(../Images/chao_user.gif) no-repeat right top; }
.Container .left .loginbox .title{ padding:5px; border-bottom:1px solid #cdcdcd; width:80%; overflow:hidden; }
.Container .left .loginbox .title .tit{ color:Black; font-size:12px; letter-spacing:2px; font-weight:bold; }
.Container .left .loginbox ul{ margin:0px; padding:0px; }
.Container .left .loginbox ul li{ height:32px; overflow:hidden; margin:0px;  }
.Container .left .loginbox ul li .tit{ display:inline-block; color:#515151; width:50px; text-align:center; }
.Container .left .loginbox ul li .txt{ border:1px solid #a7a7a7; padding:4px; width:158px; }
.Container .left .loginbox ul li.login{ text-align:right; width:80%; padding-bottom:5px; }
.Container .left .loginbox ul li.login input{ width:62px; height:33px; background:url(../Images/btn_login.gif) no-repeat; border:none; cursor:pointer; }
.Container .left .loginbox ul li.login input.login{ background-position:-69px top; }
.Container .left .link{ text-align:center; padding:4px 1px; margin:0px; height:125px; }
.Container .left .link a{ background:#29a7de; float:left; width:126px; height:70px; padding-top:55px; color:White; font-size:14px; margin:0px 1px; } 
.Container .left .link a:hover{ text-decoration:none; }
.Container .left .link a.lnk2{ background:#88c23f; }

.Container .left .user{ background:#f6f6f6 url(../Images/chao_user.gif) no-repeat right top; }
.Container .left .user .info{ height:60px; position:relative; }
.Container .left .user .info img{ width:50px; height:50px; border:solid 1px #CCCCCC; padding:2px; margin:2px; }
.Container .left .user .info .name{ position:absolute; }
.Container .left .user .enter{ text-align:center; background:#000000; display:block; color:White; padding:8px 0px; }

.Container .left .box{ background:#000000; }
.Container .left .email .title{ padding:8px 15px 4px; font-weight:bold; color:White; }
.Container .left .email .body{ text-align:center; padding:6px 0px; }
.Container .left .email .body .mail{ border:solid 1px #8e8e8e; color:#bbbbbb; font-family:Verdana; padding:2px; } 
.Container .left .email .body .button{ background:#000000; color:#ffffff; border:solid 1px #808080; padding:1px 2px; cursor:pointer; }
.Container .left .emailsuccess{ height:80px; background:url(../images/chao_mail.gif) no-repeat; }
.Container .left .emailsuccess *{ display:none; }

.Container .left .box .box2{ padding:5px; background:#FFFFFF; }

.Container .left .fav{ padding:5px; }
.Container .left .fav .title{  height:24px; border-bottom:solid 1px #d0d0d0; }
.Container .left .fav .title .tit{ float:left; color:Black; margin:5px; font-weight:bold; }
.Container .left .box .title .links{ float:left; padding:8px 4px 0px 0px; }
.Container .left .box .title .links a{ background:#9f9f9e; color:White; font-weight:normal; padding:2px 5px; }
.Container .left .box .title .links a.on{ background:#000000; }
.Container .left .fav .title .more{ float:right; padding-top:4px;  }
.Container .left .fav .title .more a{ color:#333333;}
.Container .left .fav .body{ border-top:solid 1px #000000; padding:5px; }
.Container .left .fav .body img{ width:57px; height:57px;  float:left; }
.Container .left .fav .body a:hover img{ width:55px; height:55px; border:solid 1px #333333; }
.Container .left .fav .body .more{ text-align:right; padding:5px 5px 0px 0px; }
.Container .left .fav .body .more a{ color:Black; }

.Container .left .article{ padding:5px; }  
.Container .left .article .title{ border-bottom:solid 1px #878787; height:20px; }
.Container .left .article .title .tit{ color:White; float:left; margin:2px auto auto auto; background:#000000; padding:2px 5px; }
.Container .left .article .title a{ float:right; color:#666666; margin:2px 2px auto auto; }
.Container .left .article .body{ background:#FFFFFF; overflow:hidden; height:405px; }
.Container .left .article .body ul{ margin-top:-81px; }
.Container .left .article .body ul li{ border-bottom:dashed 1px #4c4c4c; height:80px; overflow:hidden;  }
.Container .left .article .body ul li .pic{  float:left; padding:5px; width:50px; }
.Container .left .article .body ul li .pic img{ border:solid 1px #CCCCCC; padding:1px; width:47px; height:62px; }
.Container .left .article .body ul li .info{ float:left; padding:5px; width:160px; overflow:hidden; } 
.Container .left .article .body ul li .info a{ color:#010101; text-decoration:underline; line-height:140%;  }
.Container .left .article .body ul li .info .time{ color:#666666; font-family:Verdana; padding:5px 0px; }
   
 

/*  收藏夹管理   */
.favorite{ }
.favorite .title{ padding-top:10px; height:32px; border-bottom:1px solid #383838; }
.favorite .title .tit{ float:left; font-weight:bold; font-size:14px; }
.favorite .title .add{ float:right; background:#88c23f url(../Images/ico_add.gif) no-repeat 10px 5px; padding:5px 12px 5px 30px; color:White; border:solid 1px #b0b875; }
.Container .main .category{ height:30px; background:#000000; overflow:visible;  }
.Container .main .category a{ float:left; color:White; padding:6px 12px; height:18px; }
.Container .main .category a.on{ background:url(../images/fav_on.gif) no-repeat center top; }

.Container .favorite .category{ height:35px; overflow:visible; }
.Container .favorite .category a{  }
.Container .favorite .category .on{ background:url(../images/fav_on.gif) no-repeat center top; height:30px;  }
.favorite .fav{ background:url(../Images/fav_bg.gif); }
.favorite .fav .folder{ height:370px; overflow:hidden; }
.favorite .fav .folder .info{ float:left; width:145px; padding:10px;  }
.favorite .fav .folder .info .pic{ width:124px; height:172px; padding:10px; background:url(../Images/fav_cover.gif) no-repeat; margin:auto; text-align:center; overflow:hidden; position:relative; }
.favorite .fav .folder .info .pic img{ width:115px; border:solid 1px #CCCCCC; padding:1px; }
.favorite .fav .folder .info .pic .delete{ visibility:hidden; position:absolute; right:5px; bottom:8px; color:#666666; }
.favorite .fav .folder .info .picover .delete{ visibility:visible; }
.favorite .fav .folder .info .name{ font-weight:bold; padding:5px; }
.favorite .fav .folder .info .over{ background:#f8ffab; }
.favorite .fav .folder .info .loading{ background:url(../../image/loading.gif) no-repeat 2px 4px; text-indent:18px; }
.favorite .fav .folder .info .update{ text-align:center; color:#666666; text-align:center; }
.favorite .fav .folder .info .share{ text-align:center; padding:5px 0px; }
.favorite .fav .folder .info .share a{ width:60px;  background:#fefefe; display:inline-block; padding:5px 2px; color:#393939; border:solid 1px #d3d3d3; position:relative; }
.favorite .fav .folder .info .share a:hover{  }
.favorite .fav .folder .info .share a.on{ background:#0d719c; color:White; cursor:default; }
.favorite .fav .folder .info .share a.on:hover{ text-decoration:none; }
/*  .favorite .fav .folder .info .share a.on span,  */
.favorite .fav .folder .info .share a:hover span{ position:absolute; width:124px; height:44px; left:0px; top:22px; background:url(../images/fav_shareTip.gif) no-repeat; }

.favorite .fav .folder .album{ float:left; width:488px; height:380px; margin-top:10px;  }
.favorite .fav .folder .album .body{ width:488px; height:310px; overflow:hidden; }
.favorite .fav .folder .album .body li{ width:488px; height:360px; float:left; }
.favorite .fav .folder .album .body li .loading{ background:url(../../image/loading.gif) no-repeat; color:#555555; padding:2px 2px 2px 18px; }
.favorite .fav .folder .album .body li img{ float:left; width:61px; height:61px; }
.favorite .fav .folder .album .body li a:hover img{ width:59px; height:59px; border:solid 1px #333333; }
.favorite .fav .folder .album .page{ text-align:center;  margin-top:10px; height:16px; }
.favorite .fav .folder .album .page .current{ font-size:16px; font-weight:bold; font-family:Arial; color:Red; padding:0px 4px; }
.favorite .fav .folder .album .page a{ font-family:Verdana;  color:#666666; display:inline-block; }
.favorite .fav .folder .album .page a.on ,
.favorite .fav .folder .album .page a:hover{ background:#0d719c; color:White; text-decoration:none; border:soldi 1px #CCCCCC; }