﻿/*	流行首页	*/

.ContainerCenter{ width:580px; float:left; }
.ContainerCenter .Block{  width:576px; margin:auto; }
.ContainerCenter .Block .title{ height:45px; }
.ContainerCenter .Block .title .more{ width:44px; height:11px; background:url(../Images/more.gif) no-repeat; float:right; margin:16px 20px auto auto; }
.ContainerCenter .Block .body{ padding:0px 10px; }

.ContainerCenter .ShiPai{ height:334px; background:url(../Images/lx_shipai.gif) no-repeat;  }
.ContainerCenter .ShiPai .body .list{ padding:2px 5px; color:#696969; }
.ContainerCenter .ShiPai .body .list a{ color:#696969; }

.ContainerCenter .ShiPai .body .pic{ padding-top:8px; }
.ContainerCenter .ShiPai .body .pic .cover{ width:190px; text-align:center; float:left; }
.ContainerCenter .ShiPai .body .pic .cover img{ width:174px; height:225px; border:solid 1px #000; }
.ContainerCenter .ShiPai .body .pic .cover .name{ height:26px; overflow:hidden; display:block;color:#505050; }
.ContainerCenter .ShiPai .body .pic .cover a:hover{ text-decoration:none;}
.ContainerCenter .ShiPai .body .pic ul{ width:365px; float:left; }
.ContainerCenter .ShiPai .body .pic ul li{ float:left; width:91px; height:130px; text-align:center;  }
.ContainerCenter .ShiPai .body .pic ul li a:hover{ text-decoration:none;}
.ContainerCenter .ShiPai .body .pic ul li img{ width:85px; height:110px; border:solid 1px #000; display:block; }
.ContainerCenter .ShiPai .body .pic ul li .date{ color:#505050;}

.ContainerCenter .YingTong{ height:293px; background:url(../Images/lx_yingtong.gif) no-repeat; width:577px; margin-top:8px;  }
.ContainerCenter .YingTong .body .list{ padding:2px 5px; color:#696969;}
.ContainerCenter .YingTong .body .list a{ color:#696969; line-height:25px; display:inline-block;}
.ContainerCenter .YingTong .body .pic{ padding-top:8px; }
.ContainerCenter .YingTong .body .pic ul{ }
.ContainerCenter .YingTong .body .pic ul li{ float:left; width:92px; overflow:hidden; height:170px; text-align:center; }
.ContainerCenter .YingTong .body .pic ul li a{ color:#696969;}
.ContainerCenter .YingTong .body .pic ul li a .img{ display:block;}
.ContainerCenter .YingTong .body .pic ul li a .name{ display:block; line-height:14px;}
.ContainerCenter .YingTong .body .pic ul li img{ width:85px; height:125px; border:solid 1px #cac0c1; }

.ContainerCenter .FenXi{ height:383px; background:url(../Images/lx_fenxi.gif) no-repeat; width:577px; margin-top:8px;  }
.ContainerCenter .FenXi .body .article{ width:135px; height:310px; float:left; display:inline-block; margin:2px; background:#000000; border-bottom:10px solid #000; position:relative; }
.ContainerCenter .FenXi .body .article .show{ width:37px; height:37px; background:url(../Images/show_37.png) no-repeat; position:absolute; right:12px; top:12px; visibility:hidden; }
.ContainerCenter .FenXi .body .article:hover{ text-decoration:none; }
.ContainerCenter .FenXi .body .article:hover .name{ text-decoration:underline; }
.ContainerCenter .FenXi .body .article:hover .desc{ text-decoration:underline; }
.ContainerCenter .FenXi .body .article .img{ display:block; height:240px; }
.ContainerCenter .FenXi .body .article .pic{ display:block; text-align:center; padding-top:10px; background:#000000; }
.ContainerCenter .FenXi .body .article .pic img{ width:135px; height:175px;}
.ContainerCenter .FenXi .body .article .name{ display: block;font-weight: bold;height: 45px;line-height: 120%;overflow: hidden;padding: 5px;}
.ContainerCenter .FenXi .body .article .desc{ display:block; height:40px; padding:5px 5px 5px 20px; color:#cccccc; line-height:130%; background:url(../Images/arrow2.gif) no-repeat 5px 7px; overflow:hidden; }
.ContainerCenter .FenXi .body .article .date{ color:#969696; text-align:right; display:block; padding:3px; }
.ContainerCenter .FenXi .body .article:hover .show{ visibility:visible; }
.ContainerCenter .FenXi .body  .r0{ background-color:#fff; }
.ContainerCenter .FenXi .body  .r0 .img .pic{ padding-top:20px; }
.ContainerCenter .FenXi .body  .r0 .name{ color:#000000; }
.ContainerCenter .FenXi .body  .r0 .desc{ background-image:url(../Images/arrow1.gif); color:#595858; }
.ContainerCenter .FenXi .body  .r1{ background-color:#000; }
.ContainerCenter .FenXi .body  .r1 .img .pic{ padding-top:15px; }
.ContainerCenter .FenXi .body  .r1 .name{ color:#ffffff;}
.ContainerCenter .FenXi .body  .r2{ background-color:#fff; }
.ContainerCenter .FenXi .body  .r2 .img .pic{ padding-top:2px; }
.ContainerCenter .FenXi .body  .r2 .name{ color:#000000; }
.ContainerCenter .FenXi .body  .r2 .desc{ background-image:url(../Images/arrow1.gif); color:#595858; }
.ContainerCenter .FenXi .body  .r3{ background-color:#000; }
.ContainerCenter .FenXi .body  .r3 .name{ color:#ffffff;}
.ContainerCenter .FenXi .body  .r3 .img .pic{ padding-top:10px; }

.ContainerCenter .FengGe{ height:334px; background:url(../Images/lx_fengge.gif) no-repeat;  }
.ContainerCenter .FengGe .body .list{ padding:2px 5px; color:#696969; height:42px; line-height: 22px;}
.ContainerCenter .FengGe .body .list a{ color:#696969;}
.ContainerCenter .FengGe .body .pic{ padding-top:8px; }
.ContainerCenter .FengGe .body .pic .cover{ width:135px; text-align:center; float:left; }
.ContainerCenter .FengGe .body .pic .cover img{ width:130px; height:191px; }
.ContainerCenter .FengGe .body .pic ul{ width:420px; float:left; }
.ContainerCenter .FengGe .body .pic ul li{ float:left; width:70px; height:100px; text-align:center; }
.ContainerCenter .FengGe .body .pic ul li img{ width:65px; height:93px;  }

.ContainerCenter .Brand{ height:394px; background:url(../Images/lx_brand.gif) no-repeat;  }
.ContainerCenter .Brand .body{ padding-top:10px; }
.ContainerCenter .Brand .body .list{ padding:2px 5px; color:#696969; height:42px;line-height: 22px;}
.ContainerCenter .Brand .body .list a{ color:#696969;}
.ContainerCenter .Brand .body ul{ width:552px; margin:auto; }
.ContainerCenter .Brand .body ul li{ width:92px; height:160px; float:left; }
.ContainerCenter .Brand .body ul li img{ width:85px; height:120px; }
.ContainerCenter .Brand .body ul li .name{ text-align:center; line-height:150%; display:block; }


.ContainerRight{ width:203px; float:right; }
.ContainerRight .Block{ background:url(../Images/lx_right.gif) no-repeat -406px bottom; padding-bottom:10px;  }
.ContainerRight .Block .Title{ height:40px; background:url(../Images/lx_right.gif) no-repeat;}
.ContainerRight .Block .Title .tit{ font-weight:bold; float:left; margin:12px auto auto 12px; }
.ContainerRight .Block .Title .tit2{font-weight:bold; float:left; margin:12px auto auto 5px; font-family:Arial; font-size:14px; font-weight:bold; color:#cccccc;}
.ContainerRight .Block .Title .more{ float:right; background:url(../Images/more2.gif) no-repeat; width:33px; height:13px; margin:12px 8px auto 5px; }
.ContainerRight .Block .body{ background:url(../Images/lx_right.gif) repeat-y -203px top; }

.ContainerRight .lingshou .body a{ display:block; margin:0px 10px; height:60px; border-bottom:solid 1px #CCC; padding:10px 0px 5px; text-decoration:none; }
.ContainerRight .lingshou .body a img{ width:40px; height:55px; float:left; margin-left:5px;  }
.ContainerRight .lingshou .body a .info{ float:left; width:130px; margin-left:5px; color:#000; line-height:160%; }
.ContainerRight .lingshou .body a .info .name{ height:40px; overflow:hidden;display:block;}
.ContainerRight .lingshou .body a .info .date{ color:#AAA; display:block; }
.ContainerRight .lingshou .body a:hover{ background:#000; }
.ContainerRight .lingshou .body a:hover .info{ color:#fff; }

.ContainerRight .lingshou .body .niuzai{ width:203px; height:80px; position:relative;}
.ContainerRight .lingshou .body .niuzai a{ height:70px;border-bottom: 1px dashed #CCCCCC;}
.ContainerRight .lingshou .body .niuzai a .show{ width:37px; height:37px; background:url(../Images/show_37.png) no-repeat; position:absolute; right:12px; top:12px; visibility:hidden; }
.ContainerRight .lingshou .body .niuzai .info{ display:block; height:18px; overflow:hidden; width:180px;}
.ContainerRight .lingshou .body .niuzai .photo{ display:block;}
.ContainerRight .lingshou .body .niuzai .photo img{ width:26px; height:43px; margin-left:3px;}
.ContainerRight .lingshou .body .niuzai a:hover .show{ visibility:visible;}

.ContainerRight .lingshou .body .brand a{ height:16px;display:block;border-bottom: 1px dashed #CCCCCC; background:url(../Images/top.gif) no-repeat left;font-size:14px; font-weight:bold; padding-left:15px; position:relative;color:#000000;}
.ContainerRight .lingshou .body .brand a .top{ position:absolute; left:3px; top:10px; color:#ffffff; font-family:Arial; font-size:10px; font-weight:bold;}
.ContainerRight .lingshou .body .brand a:hover{ background:url(../Images/top_hover.gif) no-repeat left;}

.ContainerRight .jiepai .body a.top{ display:block; margin:0px 10px; height:60px; border-bottom:solid 1px #CCC; padding:10px 0px 5px; text-decoration:none; }
.ContainerRight .jiepai .body a.top img{ width:40px; height:55px; float:left; margin-left:5px;  }
.ContainerRight .jiepai .body a.top .info{ float:left; width:130px; margin-left:5px; color:#000; line-height:160%; }
.ContainerRight .jiepai .body a.top .name{ height:40px; overflow:hidden; display:block; }
.ContainerRight .jiepai .body a.top .info .date{ color:#AAA; display:block; }
.ContainerRight .jiepai .body a.top:hover{ background:#000; }
.ContainerRight .jiepai .body a.top:hover .info{ color:#fff; }
.ContainerRight .jiepai .body a.item{ display:block; padding:2px; color:#333; margin:auto 10px; height:22px; overflow:hidden; line-height:180%; }
.ContainerRight .jiepai .body a.item:hover{ color:Red; text-decoration:underline; }

.ContainerRight .dapei .body a{ display:block; margin:0px 10px; height:60px; border-bottom:solid 1px #CCC; padding:10px 0px 5px; text-decoration:none; }
.ContainerRight .dapei .body a img{ width:40px; height:55px; float:left; margin-left:5px;  }
.ContainerRight .dapei .body a .info{ float:left; width:130px; margin-left:5px; color:#000; line-height:160%; }
.ContainerRight .dapei .body a .name{ height:40px; overflow:hidden; display:block; }
.ContainerRight .dapei .body a .info .date{ color:#AAA; display:block; }
.ContainerRight .dapei .body a:hover{ background:#000; }
.ContainerRight .dapei .body a:hover .info{ color:#fff; }

.ContainerRight .star{ }
.ContainerRight .star .body{ height:280px;  }
.ContainerRight .star .body a{ float:left; width:100px; height:135px; padding-top:10px; text-align:center; line-height:150%; text-decoration:none; }
.ContainerRight .star .body a img{ width:75px; height:100px; }
.ContainerRight .star .body a .name{ color:Black; height:14px; display:block; }
.ContainerRight .star .body a .date{ color:#ccc; display:block; }
.ContainerRight .star .body a:hover{ background:#000; }
.ContainerRight .star .body a:hover .name{ color:White; }



