@charset "gb2312";
/* CSS Document */
/*reset*/
body{font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;font-size:12px;}
body,form,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,input,select,option,textarea{padding:0px;margin:0px;}
img{border:0;-ms-interpolation-mode: bicubic;vertical-align:middle;}ol,ul,li {list-style:none;}
h1,h2,h3{font-size:100%; font-weight:normal; margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
input,select,img,textarea{vertical-align:middle;font-size:12px;outline:none;}
i,em{ font-style:normal;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#f60;}
/*custom*/
.yh{ font-family:"Microsoft YaHei";}.fh{ overflow:hidden; text-indent:-9999px;}.fl,.left{float:left;}.fr,.right{float:right;}.hidden{display:none;}.block{display:block;}.blank5px,.blank10px,.blank15px,.blank30px{display:block; clear:both; font-size:1px; overflow:hidden;}.blank5px{height:5px; line-height:5px;}.blank10px{height:10px; line-height:10px;}.blank15px{height:15px; line-height:15px;}.blank30px{height:30px; line-height:30px;}.lh18{line-height:18px;}.lh20{line-height:20px;}.lh22{line-height:22px;}.lh24{line-height:24px;}.f12{ font-size:12px;}.f14{ font-size:14px;}.fn{ font-weight:normal;}.fb{ font-weight:bold;}.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}.relate{position:relative;}.absolute{position:absolute;}.ofh{ overflow:hidden;}.p2em{ text-indent:2em;}

.clearfix:after{content:"\20";clear:both;height:0;display:block;overflow:hidden}.clearfix{*zoom:1}.clear{ height:0; line-height:0; font-size:0; overflow:hidden;clear:both;}.justify{text-align:justify;text-justify:inter-ideograph;white-space:normal;word-break:break-all;}.nowrap{white-space:nowrap;}
.contentdiv{display:none;}.pagination{zoom:1;}.mark { height:100%; float:left;}.subMark { padding-right:10px; float:right;}

/*margin padding*/
.mb5 { margin-bottom:5px}.mb10 { margin-bottom:10px}.mb20 { margin-bottom:20px}.mr10 { margin-right:10px}.mt10{margin-top:10px;}
.pt4 { padding-top:4px;}.pt5 { padding-top:5px;} .pt10 { padding-top:10px;}  .pt15 { padding-top:15px;}.pt20 { padding-top:20px;}

/*font style*/
.f14 { font-size:14px;}
.hide,.hidden { display:none;}

/*font color*/
.yellow{ color:#f60;}
.red{ color:#c00;}
.gray{ color:#777;}

/* background opacity */
.rgba70{ background: rgba(0,0,0, 0.7); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#B2000000, endColorStr=#B2000000);}
/* ban IE9 background double opacity */
:root .rgba70{filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#00000000, endColorStr=#00000000);}

.spanclass,.contentdiv{ display:none;}
/*base*/
body{ background:url(/www1/sybl2013/images/bg.jpg) repeat; color:#333; min-width:1024px;}
.wrap1000 .wrap{ width:1000px;}
.wrap1280 .wrap{ width:1220px;}
.wrap1440 .wrap{ width:1440px;}
.wrap{ width:1000px; margin:0px auto;transition: width .2s ease-in-out;}

.btn27H{ height:27px; width:184px; border:1px solid #c6c6c6; line-height:27px; font-size:15px; text-align:center; display:inline-block; background:url(/www1/sybl2013/images/bg_repeatx.png) 0px 0px repeat-x;border-radius:2px;outline:none;star:expression(this.onFocus=this.blur());}
.btn27H:hover{ background-position:0px -27px; text-decoration:none; color:#333;}
.btn27HB{background:url(/www1/sybl2013/images/btn_27h_blue.png) 0px 0px repeat-x; margin-top:10px; color:#fff;}
.btn27HB:hover{background:url(/www1/sybl2013/images/btn_27h_blue.png) 0px 0px repeat-x;text-decoration:none; color:#fff;}
/*top*/
.top{ height:28px; background:#f8f8f8; border-bottom:1px solid #e3e3e3;}
.top #navibar{ width:auto; border-bottom:none;}
/*header*/
.header{ border-bottom:1px solid #dadada; box-shadow:1px 1px 1px #F2F2F2; background:url(/www1/sybl2013/images/bg_repeatx.png) 0px -86px repeat-x #fff; position:relative; z-index:11;}
.header .hTop{ height:47px; position:relative; z-index:12;}
.header .nav{ white-space:nowrap;}
.header .nav a{ float:left; height:47px; border-right:1px solid #ebebeb; padding:0px 20px; line-height:47px; font-size:14px;}
.header .nav i.cur{ float:left; height:47px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; padding-right:10px;}
.header .nav .home a{ border-left:1px solid #ebebeb;}
.header .nav .home{ background-image:none!important;}
.header .nav .home.cur a{ line-height:47px; border:none; padding-right:0px;}
.header .nav .home ins{ display:inline-block; width:15px; height:15px; overflow:hidden; background:url(#) 0px -24px no-repeat; vertical-align:middle; margin:15px 0px 0px 3px; cursor:pointer; _margin-top:14px; display:none;}
.header .nav .home ins:hover{ opacity:0.8;}
.header .nav .cur{background:url(/www1/sybl2013/images/bg_nav_curline.png) bottom repeat-x #fff;}
.header .nav .home.cur ins{ display:inline-block;}
.header .nav .home.cur .open{ background-position:0px -54px;}

.header .logo{ height:47px; position:absolute; width:155px; text-indent:-300px; overflow:hidden; left:50%; top:0px; margin-left:-77px; background:url(#) -67px -11px no-repeat;}
.header .subNav{ padding:15px 0;}
.header .subNav.closed{overflow:hidden; display:none;}
.header .subNav td{ vertical-align: top;}
.header .subNav dl{ padding:0 10px 0 46px; min-height:72px;_height:72px;}
.wrap1000 .header .subNav dl{ padding-left:41px;}
.header .subNav dt{ position: relative; font-weight:bold; color:#a6b6bf; height:24px; line-height:24px;}
.header .subNav dt i{ position: absolute;left:-46px; top:15px; width:38px; height:38px; background:url(#) no-repeat;}
.header .subNav dt a{ color:#a6b6bf;}
.header .subNav dt a:hover{ color:#f60;}
.header .subNav dt .cur,.header .subNav dt .cur:hover{ background-color:#ee3333; display:inline-block; text-decoration:none; line-height:20px; padding:0px 7px; color:#fff;}
.header .subNav dd{ line-height:24px;}
.header .subNav dd a{ display:inline-block;}
.header .subNav dd .cur{ background-color:#ee3333; line-height:20px; padding:0px 7px; color:#fff;}
.header .subNav dd .cur:hover{ color:#fff; text-decoration:none;}
.header .dl_0{ width:50px;}
.header .dl_1{ width:196px;}
.header .dl_0 dt i{ background-position:-262px -522px;}
.header .dl_1 dt i{ background-position:-262px 0;}
.header .dl_2 dt i{ background-position:-262px -76px;}
.header .dl_3 dt i{ background-position:-262px -152px;}
.header .dl_4 dt i{ background-position:-262px -228px;}
.header .dl_5 dt i{ background-position:-262px -304px;}
.header .dl_6 dt i{ background-position:-262px -380px;}
.header .dl_7 dt i{ background-position:-262px -456px;}
.header .dl_8 dt i{ background-position:-262px -522px;}


.byWrap{width:230px;height:31px;top:35px;left:100px;display:block;position:absolute; }
.biaoyu{width:230px;height:31px;display:block;background:url(/www1/sybl2013/images/biaoyu.png) no-repeat;_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/sybl2013/images/biaoyu.png');}
#byclose{display:block;width:18px;height:18px;right:2px;top:2px;position:absolute; cursor:pointer;zoom:1;}

/*focus*/
.wrap1440 .fWrap{ width:auto;}
.fWrap{ position:relative; zoom:1; height:400px; overflow:hidden;}
.fWrap .aLeft,.fWrap .aRight{ height:400px; position:absolute; top:0px; width:300px; z-index:10;}
.fWrap .iArrow{ background:url(#) no-repeat; width:32px; height:64px; position:absolute;top: 162px;z-index: 4;}
.fWrap .aLeft{ left:0px; z-index:10;}
.fWrap .aLeft .iArrow{ background-position:-117px -62px; right:62px;}
.fWrap .aLeft:hover .iArrow{ background-position:-117px -126px;}
.fWrap .aRight{ right:0px;}
.fWrap .aRight .iArrow{ background-position:-149px -62px; left:62px;}
.fWrap .aRight:hover .iArrow{ background-position:-149px -126px;}
.sBg {width:100%;height: 400px;background:#fff;display: block;position: relative;opacity: 0.8;filter: alpha(opacity=80);z-index: 4;}

.focus{ height:400px; width:1000px; margin:0px auto; zoom:1; position:relative; margin-bottom:30px;}
.focus .slide{ position:absolute; top:0px; left:0px; width:12999px; z-index:3; height:400px; overflow:hidden;}
.focus .slide li{ width:1000px; height:400px; float:left; overflow:hidden; margin-right:10px;}
.focus .slide li a{ display:block; height:400px; position:relative;}
.focus .slide .pos{ position:absolute; height:52px; left:0px; bottom:-52px;}
.focus .slide .mask{ background-color:#000; opacity:0.5; filter:alpha(opacity=50); width:100%;}
.focus .slide .fTxt{ width:980px; padding-left:20px; line-height:52px; font-size:17px; color:#fff; cursor:pointer;}
.focus .slide li a:hover{ text-decoration:none;}
.focus .tg{ width:19px; height:38px; background:url(/www1/sybl2013/images/icon_tg.png) no-repeat; right:0px; top:0px; position:absolute;}
/*main*/
.main{ position:relative;}
.waterfall{ margin:0px auto; position:relative; min-height:50px; _height:50px;}
.waterfall .col{ padding-bottom:5px; background:url(/www1/sybl2013/images/bg_piccol_shadow.png) left bottom no-repeat #fff; width:216px; position:absolute; float:left;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);-webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out;  -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; opacity: 0;}
.waterfall .col.ready{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);-webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out;  -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;  opacity: 1;}
.waterfall .colCon{border:1px solid #dfdfdf; min-height:130px;}
.waterfall .wtPic{ padding:18px 17px 0px;}
.waterfall .wtPic .picLink{ display:block; width:180px; position:relative; color:#fff;}
.waterfall .wtPic .picLink i{ width:20px; height:20px; position:absolute; bottom:8px; right:8px; line-height:20px; text-align:center; background:url(/www1/sybl2013/images/bg_picnum.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/pconline/2016/sybl/css/images/bg_picnum.png'); _background-image:none; color:#fff; cursor:pointer;}
.waterfall .wtPic .picLink:hover{ opacity:0.9; color:#fff; text-decoration:none;}
.waterfall .wtPic em{ display:block; line-height:20px; padding:10px 5px; word-wrap:break-word; position:relative; margin:0px -5px; border-bottom:1px dashed #f2f2f2;}
.waterfall .wtPic .brief{ color:#777; line-height:20px; padding:8px 0px; word-wrap:break-word; word-break:break-all;}
.waterfall .wtColFoot{ border-top:1px solid #f2f2f2; background-color:#f7f7f7; padding:3px 10px 0px; line-height:22px;}
.waterfall .wtColFoot .fLine{ height:29px; line-height:29px; border-bottom:1px solid #fff; color:#777;}
.waterfall .wtColFoot i{ display:inline-block; padding-left:17px; margin-left:6px; background:url(#) no-repeat;}
.waterfall .wtColFoot .view{ background-position:0px -452px;}
.waterfall .wtColFoot .pl{ background-position:0px -474px;}
.waterfall .wtColFoot .author{ padding:0px 10px; height:32px; line-height:32px; display:block;}
.waterfall .ico_jh{ width:35px; height:35px; position:absolute; top:0px; left:0px; background:url(#) 0px -225px no-repeat;}

.waterfall .userLogin{ background:url(/www1/sybl2013/images/bg_twoline.png) bottom repeat-x; z-index:100;}
.userLogin .unLogin{ padding:71px 0px 15px 0px; background:url(#) -39px -205px no-repeat; text-align:center;}
.userLogin .unLogin .btn27H{ margin-top:10px;}

.userLogin .logined{ padding:9px 15px 10px;}
.userLogin .headPic{ height:141px; border-bottom:1px dashed #ddd;}
.userLogin .headPic .pic{ width:104px; height:104px; margin:0px auto; overflow:hidden; position:relative; display:block;}
.userLogin .headPic ins{ width:104px; height:104px; position:absolute; top:0; left:0; background:url(/www1/sybl2013/images/bg_hpica.png) no-repeat;_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/sybl2013/images/bg_hpica.png');}
.userLogin .headPic em{ display:block; line-height:28px; font-size:17px; text-align:center; width:186px; overflow:hidden;}
.userLogin .dwork{ height:46px; text-align:center; line-height:46px; font-size:15px; color:#ccc;}
.userLogin .dwork span{ margin:0px 8px; color:#333;}
.userLogin .dwork span a{ color:#f60;}

.userLogin .hobby{}
.userLogin .hobby dt{ height:24px; padding-top:8px; line-height:16px; overflow:hidden;}
.userLogin .hobby dt input{ position:relative; vertical-align:middle; margin:-2px 3px 2px 0px;}
.userLogin .hobby em{ float:left; color:#777;}
.userLogin .hobby .unLimit{ float:right;}
.userLogin .hobby dd{ min-height:56px;_height:56px;}
.userLogin .hobby i{ display:inline-block; position:relative; height:20px; margin:0px 8px 8px 0px; float:left;}
.userLogin .hobby .lab{ display:inline-block; height:20px; line-height:20px; padding:0px 5px; background-color:#9b9b9b; color:#fff; border-radius:2px; white-space:nowrap;}
.userLogin .hobby .lab:hover{ text-decoration:none; color:#fff;}
.userLogin .hobby del{ display:none; width:13px; height:13px; overflow:hidden; cursor:pointer; background:url(#) 0px -104px no-repeat; position:absolute; top:-6px; right:-6px;}
.userLogin .hobby .sel .lab{ background-color:#47afeb;}
.userLogin .hobby .sel del{ display:inline-block;}
.userLogin .hobby .addMark{ width:20px; background:url(#) 0px -407px no-repeat; cursor:pointer;}


.userLogin .markArea{height:22px; position:relative; z-index:100;}
.userLogin .hobby .built .addMark{ height:22px; margin-bottom:-2px; background:url(#) 0px -268px no-repeat; position:relative; z-index:100;}
.userLogin .hobby .dMark{ border:2px solid #47afeb; width:212px; background-color:#fff; overflow:hidden; position:absolute; top:22px; left:0px; display:none;}
.userLogin .hobby .built .dMark{ display:block;}
.userLogin .markArea p{ position:relative; margin:-1px -1px 0px 0px; width:213px;}
.userLogin .markArea p a{ display:inline-block;  width:70px; height:28px; line-height:28px; padding:0; border-radius:0px; background-color:#fff; color:#333; text-align:center;float:left; border:solid #eee; border-width:0px 1px 1px 0px;}
.userLogin .markArea p a:hover{ background-color:#eee; color:#f60; text-decoration:none;}
.userLogin .markArea .iMHead{ height:20px; line-height:20px; display:block; padding:5px 10px; float:none; border-bottom:1px solid #eee; margin:0px;}
.userLogin .markArea em{ float:left; color:#777;}
.userLogin .markArea .levelOne{ background-color:#ffffff; z-index:2;}
.userLogin .markArea .levelTwo{ z-index:1;}

.userLogin .markArea .backOne{ float:right; padding-left:13px; width:auto; color:#777; height:20px; line-height:20px; background:url(#) 0px -293px no-repeat; border:0}
.userLogin .markArea .backOne:hover,.userLogin .markArea .levelTwo .backOne:hover{ background-color:#fff; color:#f60; border:none;}

.userLogin .markArea .levelTwo a:hover{ background-color:#47afeb;border:solid #47afeb; border-width:0px 1px 1px 0px; color:#fff;}

.wx_push1{text-align:center;padding-bottom:10px;}
.wx_push1 span{display:block;font:14px/24px "Microsoft YaHei";}

/*load*/
.loading{width: 166px;height: 36px; line-height:36px; margin: 20px auto 40px; padding-left:36px; text-align: center;clear: both; background:url(/www1/sybl2013/images/loading.gif) left no-repeat; font-size:16px; color:#777;}
/*pconline_page*/
.pconline_page{ font-size:14px; text-align:center; padding-top:35px; height:70px; clear:both;}
.pconline_page a,.pconline_page span{ display:inline-block; line-height:14px; margin:0px 4px;}
.pconline_page a{ border:1px solid #ddd; background-color:#fff;padding:8px 10px; color:#333;}
.pconline_page a:hover{ border-color:#47afeb; color:#47afeb; text-decoration:none;}
.pconline_page span{ background-color:#47afeb; border:none; padding:9px 11px; color:#fff;}
/**/


/*foot*/
.foot{overflow:hidden; padding-top:10px; background:url(/www1/sybl2013/images/bg_twoline.png) top repeat-x;}
body #bottom .links{ background:none;}
body #bottom .sites,body #bottom .left p,body #bottom a, #bottom a:link,body #bottom .mid,body #bottom a.bottom_a:link,body #bottom a.bottom_a:visited,body #bottom .links a{color:#777;}
/*hide top nav login*/
body #navibar .navL .meg{ display:none;}


/*crumb*/
.crumb{ height:42px; line-height:42px; color:#aaa;}
.crumb a{ color:#777;}.crumb a:hover{ color:#f60; text-decoration:underline;}
/*chaList*/
.listHeader{ border-bottom:none;}
.sideNav{ width:182px; position:absolute; left:0px;}
.colSideNav{ padding-bottom:5px; background:url(/www1/sybl2013/images/bg_piccol_shadow.png) left bottom no-repeat #fff; width:182px;}
.colSideNav .colCon{border:1px solid #dfdfdf; min-height:130px;}
.mChaCon{position:relative; margin:0px 0px 0px 202px;width:798px; height:auto!important; min-height:400px; _height:400px;}
.mChaCon .mcCon{width:798px; overflow:hidden;}
.mChaCon .mcCon .colBox{ margin-right:-10px; *width:808px;position:relative;}
.mChaCon .mcTit{ height:32px; line-height:25px; border-bottom:2px solid #e7e7e7; margin-bottom:15px;}
.mChaCon .mcTit .mark{ float:left; font-size:17px; color:#353736;}
.mChaCon .mcTit .sMark{ float:right;}
.mChaCon .mcTit .tabMark{ float:right; position:relative; margin-bottom:-2px;}
.mChaCon .mcTit .tabMark a{ float:left; padding:0px 10px; vertical-align:top; font-size:14px; line-height:32px; height:32px; color:#777;}
.mChaCon .mcTit .tabMark a:hover{ color:#f60;}
.mChaCon .mcTit .tabMark .cur{ border-bottom:2px solid #47afeb; color:#47afeb;}
.mChaCon .mcTit .tabMark .cur:hover{ text-decoration:none; color:#47afeb;}

.mChaCon .col{ padding-bottom:5px; background:url(/www1/sybl2013/images/bg_piccol_shadowa.png) left bottom no-repeat #fff; width:192px; float:left; margin:0px 10px 13px 0px;}
.mChaCon .colCon{border:1px solid #dfdfdf; min-height:130px;}
.mChaCon .wPic{ padding:5px 5px 0px; height:221px; overflow:hidden;}
.mChaCon .wPic .hvAlign{ width:180px; height:180px; vertical-align:middle; text-align:center;}
.mChaCon .wPic .picLink{ display:inline-block; position:relative; color:#fff;}
.mChaCon .wPic .picLink i{ width:20px; height:20px; position:absolute; bottom:8px; right:8px; line-height:20px; text-align:center; background:url(/www1/sybl2013/images/bg_picnum.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/sybl2013/images/bg_picnum.png'); _background-image:none; color:#fff; cursor:pointer;}
.mChaCon .wPic .picLink:hover{ opacity:0.9; color:#fff; text-decoration:none;}
.mChaCon .wPic em{ display:block; line-height:20px; text-align:center; padding:10px 5px; word-wrap:break-word; position:relative; margin:0px -5px; border-bottom:1px dashed #f2f2f2;}
.mChaCon .colFoot{ border-top:1px solid #f2f2f2; background-color:#f7f7f7; padding:3px 10px 0px; line-height:22px;}
.mChaCon .colFoot .fLine{line-height:22px; border-bottom:1px solid #fff; text-align:right; color:#777; overflow:hidden;}
.mChaCon .colFoot i{ display:inline-block; padding-left:17px; height:22px; overflow:hidden; background:url(#) no-repeat;}
.mChaCon .colFoot .author{ width:105px; background-position:0px -503px; float:left; text-align:left;}
.mChaCon .colFoot .view{ width:90px; background-position:0px -455px; float:left; text-align:left;}
.mChaCon .colFoot .pl{ background-position:0px -474px;}
.mChaCon .colFoot .wType{ padding-left:0px; background:none;}
.mChaCon .colFoot .wZan{ background-position:0px -530px;}
.mChaCon .colFoot .reCName{ padding:0px 10px; height:32px; line-height:32px; display:block;}




.listHeader .nav i.cur{ background-color:transparent;}
/*masterCatNav*/
.masterCatNav{ padding:15px 0px 0px;}
.masterCatNav dt{height:14px;font-size:14px;color:#333;border-left:3px solid #ff9900;padding-left:10px;font-weight:bold; width:134px; margin:0px 0px 15px 15px;}
.masterCatNav dd{ text-align:center; margin-bottom:10px;}
.masterCatNav a{ width:158px; border:1px solid #ebebeb; display:inline-block; margin-bottom:5px; text-align:left; border-radius:3px;}
.masterCatNav a em{ display:inline-block; border:1px solid #fff; width:120px; height:27px; line-height:27px; padding:0px 25px 0px 11px; background:url(#) -94px -360px no-repeat #fbfbfb; border-radius:3px; cursor:pointer;}
.masterCatNav a:hover{ text-decoration:none;}
.masterCatNav a:hover em{ background-position:-94px -324px;}
.masterCatNav a.cur{ border:1px solid #fff;}
.masterCatNav a.cur em{ border:1px solid #fff; background-color:#fff; color:#f60; background-position:-70px -376px;}
.masterCatNav i{ float:left; width:17px; height:17px; margin:4px 13px 0px 0px; background:url(/www1/sybl2013/images/icon_sidenav2.png) no-repeat;}
.masterCatNav .ico_1{ background-position:3px 0px;}
.masterCatNav .ico_2{ background-position:-29px 0px;}
.masterCatNav .ico_3{ background-position:-64px 0px;}
.masterCatNav .ico_4{ background-position:-99px 0px;}
.masterCatNav .ico_5{ background-position:-136px 0px;}
.masterCatNav .ico_6{ background-position:-172px 0px;}
.masterCatNav .ico_7{ background-position:-203px 0px;}
.masterCatNav .ico_8{ background-position:-233px 0px;}
.masterCatNav .ico_9{ background-position:-266px 0px;}
.masterCatNav .ico_10{ background-position:-303px 0px;}


.masterCatNav a.cur .ico_1,.masterCatNav a:hover .ico_1{ background-position:3px -17px;}
.masterCatNav a.cur .ico_2,.masterCatNav a:hover .ico_2{ background-position:-29px -17px;}
.masterCatNav a.cur .ico_3,.masterCatNav a:hover .ico_3{ background-position:-64px -17px;}
.masterCatNav a.cur .ico_4,.masterCatNav a:hover .ico_4{ background-position:-99px -17px;}
.masterCatNav a.cur .ico_5,.masterCatNav a:hover .ico_5{ background-position:-136px -17px;}
.masterCatNav a.cur .ico_6,.masterCatNav a:hover .ico_6{ background-position:-172px -17px;}
.masterCatNav a.cur .ico_7,.masterCatNav a:hover .ico_7{ background-position:-203px -18px;}
.masterCatNav a.cur .ico_8,.masterCatNav a:hover .ico_8{ background-position:-233px -17px;}
.masterCatNav a.cur .ico_9,.masterCatNav a:hover .ico_9{ background-position:-266px -17px;}
.masterCatNav a.cur .ico_10,.masterCatNav a:hover .ico_10{ background-position:-303px -17px;}

/*recomWorks*/
.recomWorks{ border-top:2px solid #e0e0e0; background-color:#eee; height:302px;}


/*art*/
.artHead{ width:900px; height:101px; padding-top:30px; margin:0px auto; position:relative; z-index:200;}
.artHead .aPic{ float:left; margin-right:15px;}
.artHead .dTitInfo{width:547px;float:left;z-index:1;}
.artHead .dTitInfo strong{width:570px;height:32px;line-height:32px;font-size:25px;display:block;font-weight:normal;overflow:hidden;margin-bottom:6px;}
.artHead .dTitInfo strong b{ display:inline-block; height:18px; width:28px; position:relative; margin:1px 0px 0px 0px;_margin:0px; font-size:12px; vertical-align:middle;}
.artHead .dTitInfo p{height:47px;line-height:22px; color:#ddd;zoom:1;}
.artHead .dTitInfo .dTitInfo-txt .cameristInfo,.artHead .dTitInfo .dTitInfo-txt .adminSet{float:left;}
.artHead .dTitInfo p .cameristInfo{margin-right:15px;}
.artHead .dTitInfo p .adminSet{color:#777;display:block;margin-left:0;zoom:1;white-space:nowrap;}
.artHead .dTitInfo i{ display:inline-block; color:#777;padding-right:5px}
.artHead .dTitInfo p .camerist{position:relative;z-index: 1; height:22px;}
.artHead .dTitInfo .view{ background:url(/www1/sybl2013/images/btn_icon.png) 0px 6px no-repeat; padding-left:20px;}
.artHead .dTitInfo .date{ background:url(/www1/sybl2013/images/btn_icon.png) 0px -14px no-repeat; padding-left:20px;}
.artHead .dTitInfo .showBig{ background:url(/www1/sybl2013/images/btn_icon.png) 0px -101px no-repeat; padding-left:18px;}

.artHead .btnArea{position:absolute;top:37px;right:0;}
.artHead .btnArea li{ float:left; width:60px;_height:61px;padding:0px 15px; text-align:center; border-right:1px dashed #ddd;zoom:1;}
.artHead .btnArea .last{ padding-right:0px; border-right:none;}
.artHead .btnArea b{ display:block; height:28px; line-height:28px; font-weight:normal; margin-bottom:8px; font-size:20px; color:#777; font-family:Georgia, "Times New Roman", Times, serif;}
.artHead .btnArea i{ display:inline-block; padding-left:16px; background:url(/www1/sybl2013/images/btn_icon.png) no-repeat; cursor:pointer; zoom:1;}
.artHead .btnArea .btn_praise i{ background-position:0px -35px;}
.artHead .btnArea .btn_collect i{ background-position:0px -57px;}
.artHead .btnArea .btn_pl i{ background-position:0px -78px;}
.artHead .btnArea em{display:block;position:relative;zoom:1;}
.artHead .btnArea em dl{ display:none; border:1px solid #d1d1d1; background-color:#fff; width:334px; padding:6px 10px; position:absolute;top:28px; right:-160px; z-index:1000;}
.artHead .btnArea em dd{ height:28px; width:70px; float:left; overflow:hidden; padding-left:10px; text-align:left; white-space:nowrap; line-height:28px;}
.artHead .btnArea em dd a{ color:#777;}
.artHead .btnArea em dd a:hover{ color:#f60;}
.artHead .btnArea em .lmHeight{ height:168px; overflow:auto;}
.artHead .btnArea em .lmHeight dd{ width:67px;}
.artHead .btnArea .mHover dl{ display:block;}
.artHead .btnArea .mHover .btn22H{ background:#fff; height:26px;}

.btn22H{ display:inline-block; color:#777; border:1px solid #d3d3d3; height:22px; line-height:22px; text-align:center; width:58px; background:url(/www1/sybl2013/images/bg_btn22h.png) 0px repeat-x; vertical-align:middle; border-radius:3px;zoom:1;}



/*图片浏览模块*/ /*去除掉.picArea .picMain .sBrief .mask的 ie6 适配 ph001 by 许爱爱20161028*/
.picArea{ width:1000px; margin:0px auto 22px;}
.picArea .picMain{position:relative; width:100%; height:100%; z-index:199}

.picArea .picMain .picture{text-align:center; margin:0px auto 0px auto; position:relative; width:100%;}
.picArea .picMain .picture .pic{margin:0px auto;display:inline-block; position:relative; background-color:#fff;}
.picArea .picMain .picture img{vertical-align:bottom;margin:3px 3px 0px;}
.picArea .picMain .sBrief{ position:absolute; bottom:0px; left:0px; width:0px; height:0px; overflow:hidden;}
.picArea .picMain .sBrief .mask{ background-color:#000; opacity:0.7; filter:alpha(opacity=70); position:absolute; width:100%; height:100%;display:block; left:0px; bottom:0px;overflow:hidden;}
.picArea .picMain .sBrief p{ color:#fff; font-size:14px; text-align:left; text-indent:2em; position:relative; height:auto; z-index:3; padding:5px 76px 8px 14px; line-height:26px;}
.picArea .picMain .sBrief i{ width:33px; height:17px; background:url(/www1/sybl2013/images/icon_showpicbrief.png) no-repeat; cursor:pointer; position:absolute; right:20px; top:0px; z-index:10;}
.picArea .picMain .sBrief .open{ background-position:0px -17px;}
.picArea .picMain .sBrief .close{ background-position:0px 0px; top:auto; bottom:0px;}
#J-loading{ margin:-50px 0px 0px -50px;}
.picArea .picMain .picTxt{line-height:24px; padding:0px 0 20px; text-indent:24px; text-align:left; width:900px;}
.picFrame p{line-height:30px; color:#777; margin:0 auto}

.picArea .picMain .pTxt{line-height:30px;}
.picArea .picMain .para{background:#111111;color:#7b7b7b;line-height:60px;text-align:center}
.picArea .picMain .para i{color:#DFDFDF;padding:0 10px 0 0;}
.picArea .picMain .para i a{color:#DFDFDF}
.picArea .picMain .para i a:hover{color:#f60}
.picArea .picMain .para i.viewOrg a{color:#f60}
.picArea .picMain  .borderB{border-bottom:1px dashed #2F2F2F;}
.picArea .picList{background:#252628;padding:20px 20px 0px 20px; height:120px; overflow:hidden; }
.picArea .picList .prevGroup{float:left;text-align:center;padding:13px 10px 0 0; cursor:pointer;}
.picArea .picList .nextGroup{float:right;text-align:center;padding:13px 0 0 0;cursor:pointer}
.picArea .picList  .pPic{border:1px solid #6D6E70;width:100px; height:75px; overflow:hidden; background:#121315; color:#aaaaaa; line-height:75px;}
.picArea .picList  .pTxt{cursor:pointer;line-height:30px;}
.picMain .allPicBrief{ font-size:14px; padding:0px 20px 10px; width:900px; word-wrap:break-word; word-break:break-all; margin:0px auto 10px; line-height:26px; text-indent:2em; text-align:left;}

.picMain .arrPos{ display:inline-block; width:63px; height:61px; position:absolute; top:50%; margin-top:-30px;}
.picMain .arrLeft{ background:url(/www1/sybl2013/images/icon_larrow.png) no-repeat; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/sybl2013/images/icon_larrow.png');left:-22px;}
.picMain .arrRight{ background:url(/www1/sybl2013/images/icon_rarrow.png) no-repeat;_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/sybl2013/images/icon_rarrow.png'); right:-22px;}
.picMain .arrLCur .arrLeft{ background:url(/www1/sybl2013/images/icon_larrow_cur.png) no-repeat;_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/sybl2013/images/icon_larrow_cur.png');}
.picMain .arrRCur .arrRight{ background:url(/www1/sybl2013/images/icon_rarrow_cur.png) no-repeat;_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/sybl2013/images/icon_rarrow_cur.png');}
.picMain .picFrame{ height:auto!important; min-height:300px; _height:300px;}

.wrap1000 .picMain .arrLeft{ left:0px;}
.wrap1000 .picMain .arrRight{ right:0px;}
/**/
.artOutWrap{ width:1000px; margin:0px auto; background:url(/www1/sybl2013/images/bg.jpg) repeat;}
.artWrap{ width:900px; margin:0px 50px; background:url(/www1/sybl2013/images/bg_art_line.png) 569px 0px repeat-y;}
.artMain{ width:550px; float:left; padding-right:19px;}
.artCol{ margin-bottom:10px;}
.amTit{ height:42px; line-height:42px; color:#333;}
.amTit .mark{ float:left; font-size:18px;}
.amTit .sMark{ float:right;}
.artCol .amCon{overflow:hidden;zoom:1;}
.borB{ border-bottom:2px solid #e6e6e6;}
.authorBrief{ background-color:#e6e6e6; line-height:22px; padding:6px 10px; text-indent:2em; word-wrap:break-word; word-break:break-all;}
.artPL .amCon{ padding-top:18px; height:auto!important; min-height:573px; _height:573px;}
.artPL .slogOut a{ display:inline-block;}
.artPL .plNum{ color:#aaa;}
.artPL .slogOut{ color:#aaa; display:inline-block;}
.artPL #tBlogs{ display:inline-block; vertical-align:top;}
.artPL .logined{ display:inline-block; line-height:26px;}
.artPL .loginTxt{ background:url(/www1/sybl2013/images/icon_pl.png) no-repeat; display:inline-block; width:70px; height:20px; text-align:center; line-height:20px;}
.artPL .tQQ,.artPL .tSina{ height:20px; line-height:20px; vertical-align:middle; padding-left:18px; display:inline-block;}
.artPL .tQQ{ background:url(/www1/sybl2013/images/icon_pl.png) -61px -22px no-repeat;}
.artPL .tSina{ background:url(/www1/sybl2013/images/icon_pl.png) -61px -52px no-repeat;}
.artPL .taBox{ border:1px solid #ccc; background-color:#fff; padding:5px 4px; position:relative; zoom:1;}
.artPL .taBox .ico_cor{ width:6px; height:6px; background:url(/www1/sybl2013/images/icon_pl.png) -71px 0px no-repeat; position:absolute; top:-1px; left:-6px;}
.artPL .tbxCmt{width:474px; height:68px; border:none;*border:0; outline:none;color: #aaa; overflow:auto;}
.artPL .btn_publish{ width:60px; height:24px; border:0; background:url(/www1/sybl2013/images/icon_pl.png) 0px -20px no-repeat; color:#aaa;}
.artPL .ableSubmit{ background-position:0px -44px; color:#fff;}

.artPL .plChoose{ float:left; padding-top:3px; line-height:22px;}
.artPL .tBtn{ height:32px;}
.artPL .nickName,.lblue{ color:#47afeb;padding-right:5px;}
.artPL .nickName:hover,.lblue:hover{ color:#f60; text-decoration:underline;}
.artPLlist{ margin-top:15px;}
.artPLlist .PLTab{ height:30px; border-bottom:1px solid #e6e6e6; clear:both;}
.artPLlist .PLTab i{float:left; height:30px; width:65px; line-height:30px; color:#777; text-align:center; cursor:pointer;}
.artPLlist .PLTab .selected{ color:#333; font-weight:bold; height:31px; margin-bottom:-1px; position:relative; background:url(/www1/sybl2013/images/bg_pllist_tab.png) no-repeat;}
.artPLlist ul li{ border-bottom:1px dashed #ddd; padding:15px 0px 13px; zoom:1;}
.artPLlist .userImg{ float:left; width:50px; height:50px; margin-right:5px;}

.artPLlist dl{ margin-left:65px;}
.artPLlist dt{ line-height:20px; color:#aaa; height:28px;}
.artPLlist dd{ line-height:24px; word-wrap:break-word; word-break:break-all;}
.artPLlist .pFoot{ text-align:right; color:#aaa;}
.artPLlist .pconline_page{ text-align:right; padding-top:25px; height:48px;}
/**/
.adminOpera{width: 44px;position: absolute;bottom:0px;right: 0px;z-index: 1000;cursor: pointer;}
.adminOpera a{ display:inline-block; width:44px; height:26px; background-color:#47afeb; margin-top:9px; line-height:26px; text-align:center; color:#fff;}
.adminOpera a:hover{ opacity:0.8; color:#fff;}


.picInfo{ height:33px; margin:0px auto; word-wrap:break-word; word-break:break-all; vertical-align:middle; text-align:center; color:#777;}
.picInfo .mInfo{ padding:0px 18px;}
.picInfo em,.picFrame .picInfo em a{ color:#333;}
.picInfo em a:hover{color:#f60}
.picInfo .aView{background:url(/www1/ssbl2011/images/icon_checkorig.png) no-repeat 0px 3px; padding-left:16px; color:#777;}
.picInfo .aView:hover, .picInfo em a:hover{ color:#f60;}
.picInfo a.aViewHD{color:#47afeb}

.vc{ position:relative; vertical-align:middle; margin:-2px 0px 2px 4px;}

.artSide{ width:330px; float:right;}




.modBoxA{ margin-bottom:10px;}
.modBoxA .thA{ height:25px; padding-top:17px;}
.modBoxA .thA strong{ border-left:4px solid #ccc; height:14px; line-height:14px; font-size:14px;display:inline-block; padding-left:7px;}

.camInfo{ padding:0px 10px; background-color:#fff; border:solid #ddd; border-width:1px 1px 1px 0px; position:relative; zoom:1;}
.camInfo a{ color:#333;}
.camInfo a:hover{ color:#f60;}
.camInfo .emTit{ height:31px; padding-top:5px; overflow:hidden; display:block; line-height:31px; clear:both; font-weight:bold;}
.camInfo .picArea{ width:122px; float:left; text-align:center; line-height:24px; position:static}
.camInfo .picArea a img{ display:block; margin-bottom:10px;}
.camInfo .picArea .ePrice a{ font-size:18px; font-weight:bold; color:#CC0000; line-height:24px;}
.camInfo .picArea .ePrice a:hover{ color:#f60;}
.camInfo .dlParam{ width:156px; float:left;}
.camInfo .dlParam dd{ height:22px; width:163px; overflow:hidden; line-height:22px; white-space:normal;}
.camInfo .dlParam em{ padding-left:10px; color:#777;}
.camInfo .dlParam .moreParam{ color:#0085EB;}
.camInfo .dlParam .moreParam:hover{ text-decoration:underline; color:#f60;}
.camInfo .relaLink{ height:30px; clear:both; text-align:center; margin:5px -13px 0px -10px; position:relative;}
.camInfo .relaLink a{ display:inline-block;width:82px; height:30px; line-height:30px; border-top:1px solid #f3f3f3; border-right:1px solid #f3f3f3; text-align:center; color:#333; float:left;}
.camInfo .relaLink a:hover{  color:#f60;}

.picTxtList{ text-align:center;color:#333;display:inline-block; padding:5px 0px 0px 10px;}
.picTxtList a{width:135px; height:124px; float:left; display:inline; margin:0 20px 20px 0; position:relative;}
.picTxtList a img{vertical-align: top;}
.picTxtList a:hover{ color:#fff; text-decoration:none;}
.picTxtList ins,.picTxtList .iTit{ width:100%; height:24px; line-height:24px;text-align:center; position:absolute; bottom:0px; left:0px;background:#e4e4e4;}
.picTxtList ins{ background-color:#000; opacity:0.7; filter:alpha(opacity=70);}
.picTxtList .iTit{ color:#333; cursor:pointer;}

.totPics{ font-size:22px; color:#aaa; display:inline-block; vertical-align:middle; margin-right:6px;}
.artHead .dTitInfo .totPics .current,.artHead  .totPics .allPages{ color:#47afeb;}
.adminSet{ font-size:12px; font-weight:normal; margin-left:5px;}

/*goTop*/
.goTop{ display:none; width:61px; height:66px; position:fixed; right:20px; bottom:20px; box-shadow:0px 0px 3px #e4e4e4; background:url(/www1/sybl2013/images/backtop.png) no-repeat; _position:absolute;_top:expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 86)); z-index: 200;}

.fixed-bottom{width:61px;position:fixed; right:20px; bottom:20px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 86)); z-index: 200;}
.fixed-bottom .wx{width:62px;height:66px;display:block;margin-bottom:10px;box-shadow:0px 0px 3px #e4e4e4;position:relative;color:#333}
.fixed-bottom .primer{width:61px; height:66px;display:block;background:url(/www1/sybl2013/images/fx_wx.png)0 0 no-repeat;position:relative;font-size:0;z-index: 1;border-left:1px solid #c6c6c6;position:absolute;right:0;top:0;}
.fixed-bottom .wx .img{border:1px solid #c6c6c6;padding:0 20px 20px 20px;text-align:center;position:absolute;right:60px;bottom:0;font:16px/42px "Microsoft Yahei";display:none;background:#f6f6f6;}
.fixed-bottom .wx .img img{display:block;}
.fixed-bottom .hover .primer{border-left:none;}
.fixed-bottom .hover .img{display:block;}
.fixed-bottom .goTop{ display:none;width:61px; height:66px;box-shadow:0px 0px 3px #e4e4e4;background:url(/www1/sybl2013/images/backtop.png) no-repeat;display:block;position:relative;right:0;bottom:0;}

/*artOpenShare*/
.artOpenShare{ height:28px; clear:both;}
.artOpenShare .iTxt{ float:left; line-height:28px;}
.artOpenShare #bdshare{ float:right;}
/*ivy*/
.ivy300{font-size:0px; letter-spacing:-1px;-webkit-text-size-adjust:none; width:300px;}
.ivy300 img,.ivy300 object,.ivy300 iframe{ display:inline-block;vertical-align:top; margin-bottom:10px}
.ivy990{font-size:0px; letter-spacing:-1px;-webkit-text-size-adjust:none; width:990px; margin:0px auto;}
.ivy990 img,.ivy990 object,.ivy990 iframe{ display:inline-block;vertical-align:top; margin:5px auto;}

/*sxTabBox*/
.sxTabBox{ clear:both; height:39px; margin-top:20px; text-align:right;}
.sxTabBox .sx{   height:29px; display:inline-block;  padding-right: 35px;}
.sxTabBox .sx a{ width:73px; height:29px; text-align:center; float:left; line-height:29px; background:url(/www1/sybl2013/images/icon_tab.png-t20140516authorhoosin.html)  -72px 0 no-repeat; margin-left: -1px;}
.sxTabBox .sx a.sx_sum{background-position:0 0;}
.sxTabBox .sx .sx_sum{ color:#777;}
.sxTabBox .sx .sx_sum:hover{ text-decoration:none;}

.sxTabBox .selCha .sx_time{ color:#777;}
.sxTabBox .selCha .sx_time:hover{ text-decoration:none; color:#777;}
.sxTabBox .selCha .sx_sum{ color:#333;}
.sxTabBox .selCha .sx_sum:hover{ color:#f60; text-decoration:underline;}


/* last-update 2014-5-16 16:06:41 by hoosin */

/*catList ----huangdeguang ----*/
.waterfall .catLine{ background:url(/www1/sybl2013/images/bg_twoline.png) left top repeat-x;width:216px;height:2px; padding-bottom:15px;overflow:hidden; }
.waterfall .catList{ width:216px; position:relative; float:left;}
.waterfall .catList .colCon{padding-bottom:5px;}
.catList dl{width:200px;padding:15px 0 0 15px;}
.catList dl dt{height:14px;font-size:14px;color:#333;border-left:3px solid #ff9900;padding-left:10px;font-weight:bold;}
.catList dl dd{margin-top:11px;}
.catList dl dd a{display:inline-block;padding:3px 5px;margin: 0 8px 8px 0;border:1px solid #ddd;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.catList dl dd a.clCur{color:#c00;}
.catList dl .diaCon{ padding:3px 0px;}
/****************/

/*mainBg*/
#skin{-webkit-transition: background 0.1s ease-in-out;-o-transition:background 0.1s ease-in-out;transition: background 0.1s ease-in-out;position:relative; z-index:9;}
.mainBg{ background-color:#181818;}
.mainBg a{ color:#777;}
.mainBg a:hover{ color:#f60;}
.mainBg .picArea { margin-bottom:10px;}
.mainBg .artHead .dTitInfo strong{ color:#fff;}
.mainBg .adminSet{ color:#777;}
.mainBg .artHead .dTitInfo p{ color:#555;}
.mainBg .artHead .btnArea li{ border-right:1px dashed #555;}
.mainBg .artHead .btnArea .last{ border-right:none;}
.mainBg .picInfo em,.mainBg .picInfo em a{ color:#B7B7B7;}
.mainBg .artHead .dTitInfo .view{ background:url(/www1/sybl2013/images/btn_icon_black.png) 0px 7px no-repeat;}
.mainBg .artHead .dTitInfo .date{ background:url(/www1/sybl2013/images/btn_icon_black.png) 0px -13px no-repeat}
.mainBg .btn22H{ background:url(/www1/sybl2013/images/bg_btn22h_black.png) 0px repeat-x; border:1px solid #5c5c5c; color:#fff;}
.mainBg .artHead .btnArea i{ background-image:url(/www1/sybl2013/images/btn_icon_black.png);}
.mainBg .lblue{ color:#47afeb;}
.mainBg .picMain .arrLeft{ background:url(/www1/sybl2013/images/icon_larrow_black.png) no-repeat; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/sybl2013/images/icon_larrow_black.png');left:-22px;}
.mainBg .picMain .arrRight{ background:url(/www1/sybl2013/images/icon_rarrow_black.png) no-repeat;_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/sybl2013/images/icon_rarrow_black.png'); right:-22px;}
.mainBg .picMain .arrLCur .arrLeft{ background:url(/www1/sybl2013/images/icon_larrow_cur_black.png) no-repeat;_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/sybl2013/images/icon_larrow_cur_black.png');}
.mainBg .picMain .arrRCur .arrRight{ background:url(/www1/sybl2013/images/icon_rarrow_cur_black.png) no-repeat;_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/sybl2013/images/icon_rarrow_cur_black.png');}


.swicthLight{width: 24px;position:absolute;top:0px;right:-50px;z-index: 1000; text-align:center;}
.swicthLight a{ display:inline-block; padding:5px 5px 0px; height:43px;word-wrap:break-word; word-break:break-all; background-color:#47afeb; line-height:18px; text-align:center; color:#fff;}
.swicthLight a:hover{ opacity:0.8; color:#fff; text-decoration:none;}
.mainBg .swicthLight a{ background-color:#333333;}
.mainBg .allPicBrief{ color:#ccc;}
.mainBg .foot{ background-image:none;}
.mainBg .artOutWrap{ padding-top:12px; border-radius:3px; box-shadow:0px 0px 30px #000;}
.mainBg #bottom .links{color:#777;}


.mainBg .goTop{background:url(/www1/sybl2013/images/backtop_1.png) no-repeat; box-shadow:0px 0px 3px #ccc;}
.mainBg .adminOpera a{ background-color:#333;}
.mainBg .adminOpera a:hover{ color:#fff; text-decoration:none;}

.mainBg .artHead .btnArea em dl{border:1px solid #474747; background-color:#333;}
.mainBg .artHead .btnArea em dd a{ color:#cdcdcd;}
.mainBg .artHead .btnArea em dd a:hover{ color:#fff; text-decoration:underline;}
.mainBg .artHead .btnArea .mHover .btn22H{ background:#474747; height:26px;}


.modBoxB{margin:0px auto 0px auto}
.modBoxB .thB{height:35px;margin:10px auto 0px; padding:0 15px;}
.modBoxB .thB .mark{float:left; color:#353736;font-size:22px;font-family:"Microsoft YaHei";}
.modBoxB .thB .mark i{ color:#aaaaaa; font-size:12px;}
.modBoxB .thB .subMark{float:right;padding:10px 0 0 0;height:24px;position:relative;bottom:-4px;}
.modBoxB .thB .subMark .bg{background:url(/www1/sybl2011/images/sybl2011_show.png) -410px -124px no-repeat;height:24px;float:left;line-height:21px;}
.modBoxB .thB .subMark .bg a{float:left; display:inline-block;padding:0 10px;}
.modBoxB .thB .subMark .bg .select{background:url(/www1/sybl2011/images/sybl2011_show.png) -410px -100px no-repeat;padding:0 0 0 15px;margin:0 0px 0 0;position:relative;color:#fff; font-weight:bold;}
.modBoxB .thB .subMark .bg a.select:hover{ color:#ff6600;}
.modBoxB .thB .subMark .bg .select .iLast{background:url(/www1/sybl2011/images/sybl2011_show.png) -813px -100px no-repeat;height:24px;width:10px;margin-left:2px;display:inline-block;}
.modBoxB .thB .subMark .bg .select .iTxt{float:left;}
.modBoxB .thB .subMark .bg .select em{width:5px;height:3px; display:block;position:absolute;left:50%;top:21px;background:url(/www1/sybl2011/images/sybl2011_show.png) -618px -153px no-repeat;overflow:hidden;}
.modBoxB .thB .subMark .bg .bgLast{background:url(/www1/sybl2011/images/sybl2011_show.png) -818px -124px no-repeat;height:24px;width:5px;padding:0px; }
.modBoxB .tbB{margin:0px auto;}
.modBoxB .tbB .picTxt{width:180px;float:left;padding:10px 11px}
.modBoxB .tbB .picTxt .center{text-align:center;}
.modBoxB .tbB .picTxt .txt{width:160px;margin:0px auto;color:#aaaaaa;}
.modBoxB .tbB .picTxt .txt li{height:22px;overflow:hidden;line-height:20px;width:160px;}
.modBoxB .tbB .fl{float:left}
.modBoxB .tbB .fr{float:right;}
.modBoxB .tbB table{margin:0px auto}
.modBoxB .tbB  .iGood{ background:url(/www1/sybl2011/images/sybl2011.png) 0 -84px no-repeat; display:block;width:90px;text-indent:15px;}
.modBoxB .tbB  .iMouse{background:url(/www1/sybl2011/images/sybl2011.png) 0 -126px no-repeat; display:block;width:70px;text-indent:15px;}
.modBoxB .tbB .pic{padding:0px 15px 20px 25px;float:left;}
.modBoxB .tbB .pic a{float:left; padding:5px 5px 0 0; cursor:pointer;}
.modBoxB .tbB .pic .picTxt{width:180px;float:left;padding:5px 11px}
.modBoxB .tbB .picFloat{position:absolute;background:#fff;bottom:20px; left:500px;border:1px solid #ddd;}
.modBoxB .tbB .picTxt .tip{background:url(/www1/sybl2011/images/sybl2011.png) 0 -48px no-repeat;width:16px; height:9px;position:absolute;bottom:-9px;_bottom:-14px;margin: 0 0 0 -8px; left:50%; display:block;}
.modBoxB .tbB .picFloat .iWell{ background:url(/www1/sybl2011/images/sybl2011.png) 0 -84px no-repeat;width:60px;text-indent:15px;display:block;width:60px;}
.modBoxB .tbB .picFloat span{display:block; width:80px; height:22px;}

/*cmtface*/
.tFace{ text-align:left;position:relative;float:left;z-index:10;}
.cmtFace{ background:url(/www1/cmt2011/images/arr.png) no-repeat 52px center;  display:inline-block; padding-right:20px; cursor:pointer;}

.cmtfaceList{ position:absolute; left:0px;display:none; top:25px; border:1px solid #95A8BD; background:#fff; white-space:nowrap; padding:5px;}
.cmtfaceList img{ background:#fff; border:1px solid #D4E4F7; cursor:pointer; position:relative; z-index:1; margin-right:-1px;}
.cmtfaceList img:hover{ border-color:#95A8BD; z-index:2}


body #bottom .links {color: #777;}
body .navibar-wrap {width: auto;}

/* 添加二维码 */
.picArea{position: relative;}
.qrcode,.weixincode {width: 24px;position: absolute;top:59px;right:-50px;z-index: 1001;text-align: center;}
.qrcode span,.weixincode span{display:inline-block; padding:6px 5px 0px; height:98px;  word-wrap:break-word; word-break:break-all; background-color:#47afeb; line-height:18px; text-align:center; color:#fff;cursor: pointer;}
.qrcode span{height:80px;}
.qrcode img,.weixincode img{border: 1px solid #bbb;padding: 1px;background: #fff;top: 0;right: 25px;*right: 24px;position: absolute;z-index: 2000;}
.qrcode .hideqrc,.weixincode .hideqrc{display: none;}

.weixincode {top:156px;}

/* 控制首页sxTabBox的位置 白舜 */
.sxTabBox {text-align: left;}
.sxTabBox .sx {padding-left: 278px;}
.wrap1440 .sxTabBox .sx {padding-left: 267px;padding-right: 0;}
.wrap1280 .sxTabBox .sx {padding-left: 272px;padding-right: 0;}
.wrap1000 .sxTabBox .sx {padding-left: 162px;padding-right: 0;}

/* 控制列表页sxTabBox的位置 白舜 */
.list-page-wrap .sx {padding-left: 47px;}
.wrap1440 .list-page-wrap .sx {padding-left: 35px;}
.wrap1280 .list-page-wrap .sx {padding-left: 40px;padding-right: 0;}
.wrap1000 .list-page-wrap .sx {padding-left: 0;padding-right: 0;margin-left: -69px;}

/* 本次修改结束 */

/* 添加评论验证码样式  */
.cmtarea-captcha{float:left;}
.cmtarea-captcha .cmtarea-captcha-value{width: 60px;margin: 0 5px 0;}
.cmtarea-captcha .cmtarea-captcha-img{margin-right: 5px;}
.tBtn .sentBtn{float:right;text-align:right;}

/* v7.1优化 新增样式*/
.artHead .dTitInfo strong b {display: inline-block;height:32px;width: 32px;position: relative;margin:0;*margin:0 5px 0 0;font-size: 12px;vertical-align: top;}
.artHead .dTitInfo strong b img{vertical-align: top;}
.name{display:inline-block;height:16px;line-height:16px;margin-right:5px;}
.artHead .dTitInfo p .camerist .icon{width: 18px;height: 18px;display: inline-block;zoom: 1;line-height: 0;font-size: 0;position: relative;top: 2px;vertical-align: top;}
.artHead .dTitInfo p .camerist .icon img{vertical-align: top;}
/* 优化v7.3 部分调整*/
.artHead .user-dialog .btn-friend,.artHead .user-dialog .btn-msg{width: 98px; height: 22px; line-height: 22px; border: 0 none; display: inline-block; *display:inline; zoom: 1;border-radius: 3px;   text-align: center; }
.artHead .user-dialog .btn-friend{ background: #3ba6e4;border: 1px solid #2c8bc2; color:#fff;margin-right:8px;}
.artHead .user-dialog .btn-friend:hover{ text-decoration: none; }
.artHead .user-dialog .btn-msg{color:#333;background: url(/www1/sybl2013/images/bg_btn22h.png) 0px repeat-x;    border: 1px solid #d3d3d3;}
.artHead .user-dialog .btn-msg:hover{text-decoration: none;}
.artHead .user-info {width:95px;height:80px;position: relative;float:left;z-index:10;}
.artHead .user-info .user-dialog {position: absolute;z-index: 50; left:85px;top:0;width: 212px;height: 52px;border: 1px solid #ccc;background: #f9f9f9;padding: 14px 14px 12px;display: none;}
.artHead .user-info .before{ width: 6px; height: 6px; background: url(/www1/sybl2014/images/icon_pl.png) -71px -7px no-repeat; position: absolute; top:9px; left: -6px; overflow: hidden; }

.artHead .user-dialog .hd{height: 15px;overflow: hidden;zoom:1;margin-bottom: 13px;}
.artHead .user-dialog .hd ul{margin:0 -13px;zoom:1;}
.artHead .user-dialog .hd li{border-left:1px solid #dedede;color:#999;height: 15px;line-height: 15px; float: left;width: 75px;text-align: center;}
.artHead .user-dialog .hd li b{color:#333;margin-left: 3px;font-weight: normal;}
.artHead .user-dialog .bd{overflow: hidden;zoom:1;}
/* 优化v7.3 部分调整 end */

.guide{width:45px;margin-left:525px;position:fixed;left:50%;bottom:35px;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight - 35+'px');z-index:555;}
.guide .lnav{position:relative;display:block;zoom:1;}
.guide .pc-share{position:relative;zoom:1;}

.guide .praise .em_praise,.guide .favorite .em_favor,.guide .cmt .em_cmt,.guide .pc-share .em_share,.guide .top{height:45px;background-image:url(/www1/sybl2013/v201511/images/floatleft.png);background-repeat:no-repeat;margin-bottom:10px;display:block;}
.guide .top{display:block;background-position:-25px -200px;}
.guide .top:hover{background-position:-72px -200px;}
.guide .em_share{background-position:-25px -150px;}
.guide .em_favor{background-position:-25px -50px;}
.guide .em_cmt{background-position:-25px -100px;}
.guide .em_praise{background-position:-25px 0px;}

.guide .hover .em_share{background-position:-72px -150px;}
.guide .hover .em_favor{background-position:-72px -50px;}
.guide .hover .em_cmt{background-position:-72px -100px;}
.guide .hover .em_praise{background-position:-72px 0px;}

.hover_wrap{height:20px;line-height:20px;padding:12px 15px 11px;border:1px solid #ededed;border-right:none;position:absolute;top:0;right:45px;background:#fff;display:none;}
.hover .hover_wrap{display:block;}
.hover_wrap a,.hover_wrap span{display:block;position:relative;padding-left:25px;color:#47afeb;zoom:1;}
.icon_prase,.icon_favor,.icon_cmt{height:20px;width:20px;background-image:url(/www1/sybl2013/v201511/images/floatleft.png);background-repeat:no-repeat;position:absolute;top:0;left:0;}
.icon_favor{background-position: 0 -21px;}
.icon_cmt{width:21px;background-position: 0 -41px;}


.guide .pc-share .share-icon{height:20px;display:block;background:url(/www1/sybl2013/v201511/images/floatleft.png) -163px 0 no-repeat;margin-bottom:10px;position: relative;}
.guide .pc-share-wrap{width:125px;height:20px;line-height:20px;padding:12px 15px 11px;border:1px solid #ededed;border-right:none;position:absolute;right:45px;top:0;background:#fff;display:none;}
.hover .pc-share-wrap{display:block;}

.bdshare-button-style0-32 .bd-txt{display:none;}
.pc-share .bdshare-button-style0-32 a{width:20px;height:20px;display:block;padding:0;margin:0 5px 0 0;}
.hover .bdshare-button-style0-32 a{background:#f0f0f0;}

.bdshare-button-style0-32 a.bds_more {display:none;}

.bdshare-button-style0-32 a.bds_qzone {background:url(/www1/sybl2013/v201511/images/floatleft.png) 0 -63px no-repeat;background-position:0 -63px !important;}
.bdshare-button-style0-32 a.bds_tsina {background:url(/www1/sybl2013/v201511/images/floatleft.png) 0 -84px no-repeat;background-position:0 -84px !important;}
.bdshare-button-style0-32 a.bds_tqq {background:url(/www1/sybl2013/v201511/images/floatleft.png) -1px -105px no-repeat;background-position:-1px -105px !important;}
.bdshare-button-style0-32 a.bds_sqq {background:url(/www1/sybl2013/v201511/images/floatleft.png) -1px -147px no-repeat;background-position:-1px -147px !important;}
.bdshare-button-style0-32 a.bds_weixin {background:url(/www1/sybl2013/v201511/images/floatleft.png) -1px -126px no-repeat;background-position:-1px -126px !important;}
.bdshare-button-style0-32 a.bds_renren {display:none;}
.pc-share  .bdshare-button-style0-32 .bds_kaixin001{display:none;}

#bdshare_warp{}
#bdshare_warp .bds_preTxt { float: left; padding-top: 7px;}
#bdshare_warp .bdsharebuttonbox { float: right;width: 442px; color: #777}
#bdshare_warp .bdsharebuttonbox a { color: #777}
#bdshare_warp .bdshare-button-style0-16 .bds_more { background: url(http://bdimg.share.baidu.com/static/api/img/share/icons_0_16.png?vd754dcc0.png) 0 0 no-repeat !important;float: right;}
#bdshare_warp .bdshare-button-style0-16 .bds_qzone { background-position: 0 -52px !important;}
#bdshare_warp .bdshare-button-style0-16 .bds_tsina { background-position: 0 -104px !important;}


/* 最后一页蒙层 */
.lastCover{width:906px;height:100%;position:absolute;top:0;left:47px;background: rgba(0,0,0,0.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000,endColorstr=#78000000);text-align:center;color:#fff;display:none;}
.cover-wrap{width:628px;height:318px;position:absolute;top:50%;left:140px;margin-top:-159px;}
.cover-wrap .cover-tit{padding-left:44px;height:40px;line-height:40px;display:inline-block;position:relative;font-size:18px;}
.cover-wrap .cover-tit i{width:35px;height:34px;position:absolute;background:url(/www1/sybl2013/v201511/images/lastpage.png) 0 -51px no-repeat;font-size:0;top:0;left:0;}
.cover-wrap .cover-bd{overflow:hidden;margin:45px 0 25px;}
.cover-wrap .pgroup,.cover-wrap .ngroup{float:left;width:120px;height:120px;margin-top:10px;}
.cover-wrap .pgroup .img,.cover-wrap .ngroup .img{width:120px;height:120px;position:relative;overflow:hidden;}
.cover-wrap .pgroup img,.cover-wrap .ngroup img{position:absolute;left:0;top:0;}
.cover-wrap .pgroup span,.cover-wrap .ngroup span{display:block;line-height:30px;color:#fff}

.cover-wrap .weixin{width:190px;padding:0 80px;position:relative;color:#fff;text-align:center;margin:0 18px;float: left;}
.cover-wrap .weixin .preview,.cover-wrap .weixin .nextview{width:85px;position:absolute;top:57px;text-align:center;font-size:12px;}
.cover-wrap .weixin .preview{left:0}
.cover-wrap .weixin .nextview{right:0}
.weixin .preview i,.weixin .nextview i{width:64px;height:25px;background:url(/www1/sybl2013/v201511/images/lastpage.png) 0 0 no-repeat;line-height:0;display:block;margin:0 auto;}
.weixin .nextview i{background-position: 0 -26px;}
.cover-wrap .cover-ft{color:#fff;font-size:14px;line-height:24px;}
.cover-wrap .cover-ft em{color:#47afeb;}

/* seo关键词 */
.seo-links:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.seo-links{zoom:1;line-height:24px;padding:0 0  0 15px;}
.seo-links a{float:left; margin-right:15px; white-space:nowrap;}

/* 优化v7.3 */

.wrap1440 .header .subNav dl{margin-right: 60px;}
.wrap1440 .header .subNav .dl_0{width: 38px;margin-right: 42px;}
.wrap1440 .header .subNav .dl_1{width: 246px;}

.wrap1280 .header .subNav dl{margin-right: 30px;padding-right: 0;}
.wrap1280 .header .subNav .dl_1{width: 200px;}

.wrap1000 .header .subNav dl{margin-right: 20px;padding-right: 0;}
.wrap1000 .header .subNav .dl_1{width: 216px;}

body .header .subNav .dl_6{margin-right: 0;}


.amTags{overflow: hidden;zoom:1;margin: 10px 0;height: 28px;}
.amTags a{padding:0 12px;background: #fff;border:1px solid #ccc;color:#777;height: 26px;line-height: 26px;float: left;border-radius: 3px;margin-right:  5px;white-space: nowrap;}
.amTags a:hover{color: #f80;}

.artTJ .picTxtList{padding: 0;margin:22px -10px 0 0;}
.artTJ .picTxtList a{margin-right: 10px;width: 130px;height: 158px;overflow: hidden;zoom:1;}
.artTJ .picTxtList a .iTit{height: 28px;line-height: 28px;}

.txtList{padding-left: 13px;line-height: 28px;}
.txtList li{height: 28px;overflow: hidden;zoom:1;}
.txtList a{color:#333;font-family: Simsun;}
.txtList a:hover{color:#f80;}


.picCopyRight{background: #000;color:#fff;padding:0 10px; height: 32px;line-height: 32px;border-radius: 3px;text-align: center;position: absolute;display: none;z-index: 9999;white-space:nowrap; opacity: .7;filter:alpha(opacity=70);}
.wxQrcode-bottom{position: fixed; bottom: 0;left: 0;width: 100%;z-index:9999;_position: absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.clientHeight + 'px');display: none;}
.wxQrcode-bottom-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background:#000;opacity: .7;filter:alpha(opacity=70);}

.wxQrcode-bottom .inner{width: 900px;margin:0 auto;position: relative;height: 95px;}
.wxQrcode-bottom .ltxt{color:#33a5fc;font-size: 38px;float: left;margin-right: 17px;line-height: 95px; }
.wxQrcode-bottom .mtxt{color:#fff;font-size: 20px;float: left;line-height: 95px; }
.wxQrcode-bottom .code{position: absolute;bottom: 0;right: 45px;padding:10px;background: #fff;zoom:1;height: 137px;}
.wxQrcode-bottom .code dt{color:#47afeb;height: 24px;line-height: 24px;font-size: 15px;}
.wxQrcode-bottom .code dt .icon{float: left;height: 24px;width: 18px;margin:0 4px 0 8px;background: url(/www1/sybl2016/images/fixbot_qrcode_icon.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/sybl2016/images/fixbot_qrcode_icon_phone.png');}
.wxQrcode-bottom .code dd img{width: 111px;height: 111px;}
.wxQrcode-bottom .close{position: absolute;right: 0;top: 38px;width: 22px;height: 22px; background: url(/www1/sybl2016/images/fixbot_qrcode_icon.png) 0px -31px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/sybl2016/images/fixbot_qrcode_icon_close.png');}

.bigPicShow{position: fixed;width: 100%;height: 100%;top: 0;left: 0;text-align: center;display: none;z-index: 997;_position:absolute;_top: expression(documentElement.scrollTop + 'px'); }
.bigPicShow-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background:#000;opacity: .9;filter:alpha(opacity=90);z-index: 998;}
.bigPicShow-wrap{position: absolute;top: 0;bottom: 0;left: 0;right:0;z-index: 999;text-align: center;}
.bigPicShow iframe{display: none;}
.bigPicShow .pic{min-width: 100px;min-height: 100px;margin-top: 100px;-moz-user-select:none;-webkit-user-select:none;user-select:none; position: relative;background: url(#) center center no-repeat;display: inline-block;vertical-align: top;overflow: visible!important;}
.bigPicShow .loadDone{background-image: none;}
.bigPicShow .pic img{max-width: 100%;max-height: 100%;_width: 100%;_height: 100%;display: none;}
.bigPicShow .loadDone img{display: inline-block;zoom:1}
.bigPicShow .pic .ft{position: absolute;width: 100%;bottom: -30px;text-align: right;line-height: 30px;height: 30px;display: none;}
.bigPicShow .pic .ft a{color:#999;white-space: nowrap;padding-right: 5px;}
.bigPicShow .pic .ft a:hover{color:#fff;}

.bigPicShow_ShowUrl .bigPicShow-wrap{bottom: 30px;}
.bigPicShow_ShowUrl .loadDone .ft{display: block;}