﻿/*牛仔专区*/
body { background:#f4f4f4; margin:0px; font-size:12px; font-family:宋体; }
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }
.clear{ clear:both; }
img{ border:0;}
.lineHeight{ height:10px; clear:both; }

#content{ width:986px; margin:auto; height:1565px; background:url(../Images/bg.gif) repeat-y;}
#Header{ width:960px; margin:auto; background:url(../Images/head_bg.gif) repeat-x; height:123px; position:relative; padding:0 10px;}
#Header .top{ padding-left:30px;}
#Header a img{ border:0;}
#Header .top .tip{ position:absolute; right:20px; top:20px;}
#Header .top .tip a{ color:#616161; text-decoration:none;}
#Header .top .tip a:hover{ text-decoration:underline;}
#Header .top .trend{ position:absolute; right:20px; top:45px;}
#Header .top .trend .lady{ background:url(../Images/lady.gif) no-repeat; width:89px; height:37px; display:inline-block;cursor:pointer;}
#Header .top .trend .lady:hover{background:url(../Images/lady_s.gif) no-repeat;}
#Header .top .trend .w .on{ background:url(../Images/lady_s.gif) no-repeat;}
#Header .top .trend .man{ background:url(../Images/man.gif) no-repeat; width:89px; height:37px; display:inline-block;cursor:pointer;}
#Header .top .trend .man:hover { background:url(../Images/man_s.gif) no-repeat;}
#Header .top .trend .m .on{ background:url(../Images/man_s.gif) no-repeat;}
#Header .top .trend .kids{ background:url(../Images/kids.gif) no-repeat; width:89px; height:37px; display:inline-block;}
#Header .top .trend .kids:hover{ background:url(../Images/kids_s.gif) no-repeat;}
#Header .top .trend .k .on{ background:url(../Images/kids_s.gif) no-repeat;}

#Header .Nav_left{ background:url(../Images/nav_left.gif) no-repeat; width:3px; height:37px; float:left; }
#Header .Nav{ width:934px; background:url(../Images/nav_bg.jpg) repeat-x; height:37px; padding-left:20px; float:left;}
#Header .Nav_right{ background:url(../Images/nav_right.gif) no-repeat; width:3px; height:37px; float:left; }
#Header .Nav .title{ width:80px; float:left; text-align:center;height:17px; margin:10px 0; border-right:solid 1px #ffffff;}
#Header .Nav .title a{ color:#ffffff; display:block; width:80px;}
#Header .Nav .title a:hover{ text-decoration:none;}
#Header .Nav .title:hover{ background:url(../Images/title_bg.jpg) no-repeat;height:35px; line-height:35px; text-align:center; width:80px;margin:2px 0 0 0;border:0;}
#Header .Nav .on{ background:url(../Images/title_bg.jpg) no-repeat;height:35px; line-height:35px; text-align:center; width:80px;margin:2px 0 0 0;border:0;}

#Container{ width:980px; margin:auto;}
#Container .left{ width:188px; float:left; padding:0 0 0 10px; }
#Container .left .tip{ display:block; font-weight:bold; line-height:18px;}
#Container .left dl{ width:160px; }
#Container .left dl dt{ background:#f1f1f1; font-weight:bold; color:#5a5a5a; padding:8px 12px; }
#Container .left dl dd{ padding:6px; margin:0px; }
#Container .left dl dd a{ color:#717171; }

#Container .right{ padding:10px 0 0 2px; float:left;}
#Container .right .Block1{ width:766px; height:440px; border:1px solid #d8d8d8; margin-top:10px;}
#Container .right .Block1 .tab{ width:766px; height:30px; background:url(../Images/tab_bg.gif) repeat-x; padding:1px 0 0 0; }
#Container .right .Block1 .tab .m{ float:left; color:Black; height:28px; line-height:28px; padding:0 40px; border-right:solid 1px #dfdfdf;}
#Container .right .Block1 .tab .more{ float:right; color:Black; width:64px; height:28px; margin:5px auto auto auto; }
#Container .right .Block1 .tab .on{ background-color:#ffffff; text-decoration:none;}
#Container .right .Block1 .tab .m:hover{ background-color:#ffffff;text-decoration:none;} 
#Container .right .Block1 .body{ width:736px; padding:10px 15px;}
#Container .right .Block1 .body a{ display:inline-block; width:94px; height:192px; overflow:hidden; float:left;margin: 5px 10px 0 0; color:Black;}
#Container .right .Block1 .body a .pic{ display:block;}
#Container .right .Block1 .body a .pic img{ border:0; width:94px; height:139px;}
#Container .right .Block1 .body a .name{ display:block; text-align:center; line-height:20px; height:40px; overflow:hidden;}
#Container .right .Block1 .body a .date{ display:block; text-align:center; color:#595959;}

#Container .right .Block2{ width:766px; height:390px; border:1px solid #d8d8d8; margin-top:10px;}
#Container .right .Block2 .tab{ width:766px; height:30px; background:url(../Images/tab_bg.gif) repeat-x; padding:1px 0 0 0; }
#Container .right .Block2 .tab img{ float:left;}
#Container .right .Block2 .tab .m{ float:left; color:Black; height:28px; line-height:28px; padding:0 20px; border-right:solid 1px #dfdfdf;}
#Container .right .Block2 .tab .more{ float:right; color:Black; width:64px; height:28px; margin:5px auto auto auto; }
#Container .right .Block2 .tab .on{ background-color:#ffffff; text-decoration:none;}


#Container .right .Block2 .body{ width:746px; padding:10px;}
#Container .right .Block2 .body .article{ width:145px; height:328px; float:left; display:inline-block; margin:5px 2px 10px; background:#000000; border-bottom:10px solid #000; position:relative; overflow:hidden; }
#Container .right .Block2 .body .article .show{ width:37px; height:37px; background:url(/v2.5/Images/show_37.png) no-repeat; position:absolute; right:12px; top:12px; visibility:hidden; }
#Container .right .Block2 .body .article:hover{ text-decoration:none; }
#Container .right .Block2 .body .article:hover .name{ text-decoration:underline; }
#Container .right .Block2 .body .article:hover .desc{ text-decoration:underline; }
#Container .right .Block2 .body .article .img{ display:block;}
#Container .right .Block2 .body .article .pic{ display:block; text-align:center; padding-top:10px; background:#000000; }
#Container .right .Block2 .body .article .pic img{ width:145px;border: 0; height:190px;}
#Container .right .Block2 .body .article .name{ font-weight:bold; color:#ffffff; display:block; padding:5px; height:45px; overflow:hidden; line-height:140%; }
#Container .right .Block2 .body .article .desc{ display:block; height:25px; padding:5px 5px 5px 10px; color:#cccccc; line-height:130%; background:url(../Images/arrow2.gif) no-repeat 5px 7px; overflow:hidden; }
#Container .right .Block2 .body .article .date{ color:#969696; text-align:right; display:block; padding:3px; }
#Container .right .Block2 .body .article:hover .show{ visibility:visible; }
#Container .right .Block2 .body  .r0{ background-color:#fff; }
#Container .right .Block2 .body  .r0 .img .pic{ padding-top:25px; }
#Container .right .Block2 .body  .r0 .name{ color:#000000; }
#Container .right .Block2 .body  .r0 .desc{ background-image:url(../Images/arrow1.gif); color:#595858; }
#Container .right .Block2 .body  .r1{ background-color:#000; }
#Container .right .Block2 .body  .r1 .img .pic{ padding-top:40px; }
#Container .right .Block2 .body  .r1 .date{ padding:0 3px;}
#Container .right .Block2 .body  .r1 .name{ height:40px;}
#Container .right .Block2 .body  .r1 .desc{ height:25px;}

#Container .right .Block2 .body .list2{ position:relative;width:145px;float:left;height:328px;overflow:hidden;margin: 5px 3px 0 0; background-color:#000000; padding-bottom:10px;}
#Container .right .Block2 .body .list2 .show{ position:absolute; right:5px; top:5px; width:37px; height:37px; background:url(../Images/show_37.png) no-repeat; visibility:hidden; }
#Container .right .Block2 .body .list2 a{ color:White;}
#Container .right .Block2 .body .list2 a .name{ display:block; height:42px; overflow:hidden;  font-weight:bold; text-align:center; line-height:20px;}
#Container .right .Block2 .body .list2 a .info{ display:block; height:50px; overflow:hidden; text-align:center; line-height:18px;}
#Container .right .Block2 .body .list2 a .date{ display:block;text-align:center;}

#Container .right .Block2 .body .r0 .pic{ padding-top:10px;}
#Container .right .Block2 .body .r1 .pic{ padding-top:20px;}
#Container .right .Block2 .body .r2 .pic{ padding-top:30px;}

#Container .right .Block2 .body .list:hover .show{ visibility:visible; }
#Container .right .Block2 .body .list2:hover .show{ visibility:visible; }

#Container .right .Block3{ width:766px; height:260px; border:1px solid #d8d8d8; margin-top:10px;}
#Container .right .Block3 .tab{ width:766px; height:30px; background:url(../Images/tab_bg.gif) repeat-x; padding:1px 0 0 0; }
#Container .right .Block3 .tab .m{ float:left; color:Black; height:28px; line-height:28px; padding:0 40px; border-right:solid 1px #dfdfdf;}
#Container .right .Block3 .tab .more{ float:right; color:Black; width:64px; height:28px; margin:5px auto auto auto; }
#Container .right .Block3 .tab .on{ background-color:#ffffff; text-decoration:none;}
#Container .right .Block3 .tab .m:hover{ background-color:#ffffff;text-decoration:none;} 
#Container .right .Block3 .body{ width:736px; padding:10px;}
#Container .right .Block3 .body a{ display:inline-block; width:142px; height:205px; overflow:hidden; float:left;margin: 5px 5px 0 0; color:Black;}
#Container .right .Block3 .body a .pic{ display:block;}
#Container .right .Block3 .body a .pic img{ border:1px solid #e4e4e4; width:140px; height:180px;}
#Container .right .Block3 .body a .name{ display:block; text-align:center; line-height:20px;}
#Container .right .Block3 .body a .date{ display:block; text-align:center; color:#666666;}

#Footer{ width:960px; margin:auto; padding:0px 10px; background:#FFFFFF;  text-align:center; }
#Footer .line{ height:3px; border-top:solid 1px #7a7a7a; background:#ebebeb; }
#Footer p{ font-family:Verdana;color:#484848; }
#Footer a,.Golbal #Footer p{ font-family:Verdana; color:#484848;}
#Footer a:hover{ color:#FF7A01;}

/* 趋势 */
.ContainerBody { width:770px;}
.ContainerBody .Category{ height:50px; background:url(/v2.5/Images/category_bg.gif) repeat-x left 30px; }
.ContainerBody .Category a{ float:left; height:31px; background:url(/v2.5/Images/category_lnk.gif) repeat-x left -30px;  }
.ContainerBody .Category a .nav_left{ display:none; float:left; width:4px; height:30px; background:url(/v2.5/Images/category_lnk.gif) repeat-x left top; }
.ContainerBody .Category span{ float:left; color:#000; padding:10px 12px 0px; }
.ContainerBody .Category a .nav_right{ float:left; width:4px; height:30px; background:url(/v2.5/Images/category_lnk.gif) repeat-x -4px top; }

.ContainerBody .Category a.n1 .nav_left{ display:inherit; }

.ContainerBody .Category a.on{ float:left; height:31px; background:url(/v2.5/Images/category_on.gif) repeat-x left -31px; margin:0px 0px 0px -1px; }
.ContainerBody .Category a.on .nav_left{ display:inherit;  float:left; width:4px; height:31px; background:url(/v2.5/Images/category_on.gif) repeat-x left top; }
.ContainerBody .Category a.on span{ float:left; color:#000; padding:9px 12px 0px; color:#ff0096; font-weight:bold; }
.ContainerBody .Category a.on .nav_right{  float:left; width:4px; height:31px; background:url(/v2.5/Images/category_on.gif) repeat-x -4px top; }
.ContainerBody .Category a.child span{ padding-right:12px; background:url(/v2.5/images/ico_down.gif) no-repeat right 15px; }

.ContainerBody .Category2{ position:absolute; background:#FFFFFF; border:solid 1px #ccc; padding:8px; width:300px; line-height:220%; visibility:hidden;z-index:99; }
.ContainerBody .Category2 a{ color:#666; padding:2px; display:inline-block; }
.ContainerBody .Category2 a:hover{ color:Black; }

.ContainerBody .Filter{ padding:0px 10px 8px; }   
.ContainerBody .Filter select{ color:#999; padding:2px; margin-right: 5px; }
.ContainerBody .Filter label{ color:#CCC; font-family:Arial; }
.ContainerBody .Filter a{ color:#4b4b4b; }
.ContainerBody .Filter a.on{ color:#ff149e; }

.Container .ContainerBody .hr{ height:40px; background:url(/v2.5/Images/category_bg.gif) repeat-x left 20px; }
.Container .ContainerBody .Filter .list{} 
.Container .ContainerBody .Filter .list a{ color:Black; line-height:20px; display:inline-block;}
.Container .ContainerBody .Filter .list a:hover{ text-decoration:none;}
.Container .ContainerBody .Filter .list .on{ color:Red;}  
/*	黑白交替文章列表	*/
.ArticleList{ }
.ArticleList .article{ width:188px; height:430px; float:left; display:inline-block; margin:5px 2px 20px; background:#000000; border-bottom:10px solid #000; position:relative; }
.ArticleList .article .show{ width:37px; height:37px; background:url(/v2.5/Images/show_37.png) no-repeat; position:absolute; right:12px; top:12px; visibility:hidden; }
.ArticleList .article:hover{ text-decoration:none; }
.ArticleList .article:hover .name{ text-decoration:underline; }
.ArticleList .article:hover .desc{ text-decoration:underline; }
.ArticleList .article .img{ display:block; height:340px; }
.ArticleList .article .pic{ display:block; text-align:center; padding-top:10px; background:#000000; }
.ArticleList .article .pic img{ width:188px; height:236px; border:0; }
.ArticleList .article .name{ font-weight:bold; color:#ffffff; display:block; padding:5px; line-height:140%; }
.ArticleList .article .desc{ display:block; height:60px; padding:5px 5px 5px 20px; color:#cccccc; line-height:130%; background:url(/v2.5/Images/arrow2.gif) no-repeat 5px 7px; overflow:hidden; }
.ArticleList .article .date{ color:#969696; text-align:right; display:block; padding:3px; }
.ArticleList .article:hover .show{ visibility:visible; }
.ArticleList  .r0{ background-color:#fff; }
.ArticleList  .r0 .img .pic{ padding-top:50px; }
.ArticleList  .r0 .name{ color:#000000; }
.ArticleList  .r0 .desc{ background-image:url(/v2.5/Images/arrow1.gif); color:#595858; }
.ArticleList  .r1{ background-color:#000; }
.ArticleList  .r1 .img .pic{ padding-top:50px; }
.ArticleList  .r2{ background-color:#fff; }
.ArticleList  .r2 .img .pic{ padding-top:2px; }
.ArticleList  .r2 .name{ color:#000000; }
.ArticleList  .r2 .desc{ background-image:url(/v2.5/Images/arrow1.gif); color:#595858; }
.ArticleList  .r3{ background-color:#000; }
.ArticleList  .r3 .img .pic{ padding-top:25px; }
/*	大图有小图列表	*/
.List{ }
.List .items{ border-bottom:solid 1px #CCCCCC; padding:10px 0px; }
.List .items .pic{ width:150px; float:left; }
.List .items .pic img{ width:140px; border:solid 1px #CCC; padding:2px; }
.List .items .info{ margin-left:160px; }
.List .items .info .title{ padding:5px; }
.List .items .info .title a{ font-weight:bold; font-size:16px; color:#00a2e1; }
.List .items .info .date{ line-height:200%; color:#999999; }
.List .items .info .desc{ line-height:140%; color:#666666; height:80px; overflow:hidden; }
.List .items .info .photos{ height:64px; margin-top:10px; }
.List .items .info .photos .album{ width:480px; float:left; height:84px; overflow:hidden;  }
.List .items .info .photos .loading{ background:url(/Images/ico-loading.gif) no-repeat;  }
.List .items .info .photos .album label{ display:none; }
.List .items .info .photos .album a{ }
.List .items .info .photos .album a img{ width:40px; border:solid 1px #CCC; padding:1px; margin:auto 2px; }
.List .items .info .view{ width:113px; height:49px; background:url(../Images/more.jpg) no-repeat; float:right; }
.List .items .info .view:hover{background:url(../Images/more_on.gif) no-repeat;}
.List .items .clear{ height:10px; }

/*	书籍文章列表		*/
.ArticleList4{ }
.ArticleList4 .article{ width:180px; height:290px; float:left; background:url(/v2.5/Images/article_bg4.gif) no-repeat; text-align:center; text-decoration:none; margin: 10px 5px; }
.ArticleList4 .article:hover{ background-position:-180px top; }
.ArticleList4 .article:hover .date{ color:White; }
.ArticleList4 .article .pic{ display:block; padding-top:10px;}
.ArticleList4 .article .pic img{ width:160px; height:220px; }
.ArticleList4 .article .name{ height:30px; overflow:hidden; display:block; padding:0px 8px; color:#0b0b0b; line-height:250%; }
.ArticleList4 .article .date{  display:block; text-align:right; padding:5px 10px 0px 0px; color:#505050; }

/* 图案 */
.PhotoTuAn{}
.PhotoTuAn .article{ width:150px; height:214px; float:left;text-align:center; text-decoration:none; margin: 3px 0px;position:relative;}
.PhotoTuAn .show{ width:37px; height:37px; background:url(/v2.5/Images/show_37.png) no-repeat; position:absolute; right:12px; top:12px; visibility:hidden; }
.PhotoTuAn .article .pic{ display:block; padding-top:5px;}
.PhotoTuAn .article .pic img{ width:140px; height:180px; }
.PhotoTuAn .article .name{ height:30px; overflow:hidden; display:block; padding:0px 8px; color:#0b0b0b; line-height:250%; }
.PhotoTuAn .article .date{  display:block; text-align:right; padding:5px 10px 0px 0px; color:#505050; }
.PhotoTuAn .article:hover .date{ color:White; }
.PhotoTuAn .article:hover .show{ visibility:visible;}
.PhotoTuAn .article:hover{ background-color:#000000;} 

/*	文章列表3	*/
.ArticleList3{ }
.ArticleList3 .Item{ padding-bottom:25px; }
.ArticleList3 .Item .title{ font-size:14px; }
.ArticleList3 .Item .title a{ color:#333; line-height:200%; }
.ArticleList3 .Item .list{  }
.ArticleList3 .Item .loading{ background:url(/v2.5/Images/ico-loading.gif) no-repeat 20px 20px; }
.ArticleList3 .Item .list img{ width:75px; border:solid 1px #CCC; padding:2px; margin:1px 2px 1px 1px; cursor:pointer;  }

/*	 分页	*/
.PageSplit{ text-align:center; }
.PageSplit a{ display:inline-block; margin:2px 3px; color:#000;   }
.PageSplit a:hover{ text-decoration:underline; }
.PageSplit a.NoCss{ cursor:text; background:#ff0066; color:White; border-color:#ff0066; }
.PageSplit a.Previous{ background:url(/v2.5/Images/page_arrow.gif) no-repeat 4px 1px; padding-left:12px; color:#999; }
.PageSplit a.Previous:hover{ background-position:4px -19px; color:#000; }
.PageSplit a.Next{ background:url(/v2.5/Images/page_arrow.gif) no-repeat 45px -39px; padding-right:12px; color:#999; }
.PageSplit a.Next:hover{ background-position:45px -59px; color:#000; }

.tongdao{}
.tongdao a img{ margin-bottom:10px;}

/* 没有内容提示 */
#tip{ width:600px; height:310px; background:url(/v2.5/Images/tip.jpg) no-repeat; position:absolute; left:0px; top:1000px; color:#ffffff; z-index:99; }
#tip .tit{ margin:45px auto auto 20px; font-size:14px; font-weight:bold; }
#tip .tit .name{ color:#eb00ab; text-decoration:underline; }
#tip .info{ line-height:150%; margin:5px 20px; width:360px; }
#tip .tel{ margin:20px 20px; vertical-align:middle; color:#ffe400; }
#tip .tel img{ vertical-align:middle; }
#tip .close{ width:20px; height:20px; background:url(/Images/close.png); position:absolute; right:10px; top:10px; }
#tip .close:hover{ background-position:left -20px; }
