@charset "utf-8";
/* CSS Document */

.magazine{width:100%; height:auto; overflow:hidden;}
.magazine .magazine-left{width:830px; float:left; border-top:1px solid #fafafa; position:relative;}
.magazine .magazine-info{height:300px; width:770px; background:#FFF; margin-top:20px; padding:30px; border-radius:2px;}
.magazine .magazine-info-img{width:224px; height:300px; float:left; position:relative;}
.magazine .magazine-info-img img{border-radius:2px;width:224px; height:300px;}
.magazine .magazine-info-ymb{display:block; width:132px; height:37px; position:absolute; top:248px; right:7px; background:url(../images/magazine/ymb.png) no-repeat; font-size:16px; color:#FFF; text-align:center; font-weight:bold; line-height:44px;}
.magazine .magazine-info-sps{width:500px; height:300px; float:right; position:relative;}
.magazine .magazine-info-title h1{width:100%;float:left;font-size:24px; font-weight:bold; line-height:30px;}
.magazine .magazine-info-title{overflow:hidden;}
/*.magazine .magazine-info-title h1{float:left; max-width:35px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:24px; font-weight:bold; line-height:30px;}*/*/
/*.magazine .magazine-info-fenlei{width:100%; top:44px; position:absolute; padding-left:1px; font-size:14px; color:#797979;}*/
.magazine .magazine-info-fenlei{width:100%; padding-left:1px; font-size:14px; color:#797979;margin-top:5px;}

.magazine .magazine-info-fenlei span{padding-right:15px;}
.magazine .magazine-info-jieshao{width:100%;font-size:14px;margin-top:5px; color:#999; max-height:44px; line-height:22px; overflow:hidden;}

/*.magazine .magazine-info-jieshao{width:100%; position:absolute; top:75px; font-size:14px; color:#999; max-height:44px; line-height:22px; overflow:hidden;}*/
.magazine .magazine-info-jiage{width:100%; position:absolute; top:150px; font-size:20px; color:#c4c4c4; *line-height:32px;}/*font-family: -webkit-pictograph;*/

.magazine .magazine-info-jiage span{padding-right:10px; color:#999;}
.magazine .magazine-info-jiage i{font-style:normal; font-size:40px;}
.magazine .magazine-info-cuxiao{width:100%; position:absolute; top:200px; font-family:'微软雅黑';}
.magazine .magazine-info-cuxiao ul{overflow:hidden;}
.magazine .magazine-info-cuxiao .cuxiao-left{float:left; width:70px; height:20px; background:#ff3232; font-size:12px; color:#FFF; text-align:center; line-height:20px;}
.magazine .magazine-info-cuxiao .cuxiao-right{float:left; padding-left:10px; width:420px; font-size:14px; color:#ff3232; line-height:24px;}
.magazine .magazine-info .buy{ display:block; position:absolute; bottom:0; width:408px; height:48px; border:1px solid #e74742; color:#e74742; font-size:20px; text-align:center; border-radius:2px; font-weight:bold; line-height:48px;}
.magazine .magazine-info .buy:hover{background:#e74742; color:#FFF;}
.magazine .magazine-button{height:40px;overflow:hidden; position:absolute; bottom:0;}
.magazine .magazine-button .yuanmao{display:block; width:185px; height:40px; float:left; background:#ff6632; margin-right:20px; font-size:16px; color:#FFF; text-align:center; line-height:40px; border-radius:4px;}
.magazine .magazine-button .wenben{display:block; width:185px; height:40px; float:left; background:#ff3232;font-size:16px; color:#FFF; text-align:center; line-height:40px; border-radius:4px;}
.magazine .magazine-button a{-moz-transition:all ease .3s; -o-transition:all ease .3s; -transition:all ease .3s; transition:all ease .3s;}
.magazine .magazine-button a:hover{ background:#d95022;}


.magazine .main{width:830px; position:relative; margin-top:15px; overflow:hidden;}
.magazine .main-left{width:165px; padding:26px 15px; background:#FFF; float:left;}
.magazine .main-left-tools{position:relative;}
.magazine .main-left .m-ewm{height:35px; margin-bottom:15px; background:url(../images/magazine/icon-ewm.png) no-repeat; font-size:16px; padding-left:50px; line-height:35px; position:relative; z-index:2;}
.magazine .main-left .m-ewm-big{position:absolute; top:-22px; left:0; padding:10px; width:175px; height:207px; box-shadow:0 0 5px #666; opacity:0;filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#70000000',endColorstr = '#70000000') \9 opacity:0; filter:alpha(opacity=0); z-index:1; text-align:center; font-size:10px; background:#FFF url(../images/magazine/xcx-logo.gif) 8px 198px no-repeat; background-size:14px;}
.magazine .main-left .m-ewm-big img {width:175px; height:175px; padding-bottom:10px;}
.magazine .main-left .m-ewm:hover{cursor:default;}
.magazine .main-left .m-sc{height:35px; margin-bottom:15px; background:url(../images/magazine/sc.png) no-repeat; background-position:0 1px; font-size:16px; padding-left:50px; line-height:35px; position:relative; z-index:2;}
.m-scc{ background-position:0 -35px !important;}
.magazine .main-left .m-sc:hover{cursor:pointer;}
.magazine .main-middle{width:621px; border-radius:2px; float:right;}
.magazine .main-middle .catalog2{width:100%; background:#FFF; padding:20px 0;}
.magazine .main-middle strong{height:20px; display:block; background:#FFF; font-size:18px; font-weight:bold; color:#333; border-left:4px solid #ff6632;line-height:20px; margin:0 0 0 20px; padding-left:8px;}
.magazine .main-middle .catalog2 dl{margin:20px 0; padding:0 20px;}
.magazine .main-middle .catalog2 dd{color:#ff3232; font-size:20px; font-weight:bold; line-height:26px;}
.magazine .main-middle .catalog2 dt{font-size:14px; color:444; padding-top:12px; max-height:70px; overflow:hidden; line-height:22px;}
.magazine .main-middle .catalog2 dt span{float:left; display:block; width:102px; height:70px; padding-right:12px;}
.magazine .main-middle .catalog2 dt span img{border-radius:2px; width:102px; height:70px;}

.magazine .magazine-right{width:296px; float:right; border-top:1px solid #fafafa;}
.magazine .magazine-right-con{}
.magazine .magazine-right-order{padding:20px; margin-top:20px; background:#FFF; position:relative; border-radius:2px;}
.magazine .magazine-right-order a{display:block; position:absolute; top:20px; right:20px; width:88px; height:28px; background:#ff3232; border-radius:4px; font-size:14px; color:#FFF; text-align:center; line-height:28px;}
.magazine .magazine-right-order a:hover{box-shadow:0 0 4px #eb7c79;}
.magazine .magazine-right-order dl dd{font-size:22px; width:155px; line-height:28px;}
.magazine .magazine-right-order dl dt{font-size:14px; color:#a7a7a7; padding-top:20px; line-height:22px;}
.magazine .magazine-right-order p{font-size:16px; color:#2d2d2d; margin-top:15px;}
.magazine .magazine-right-order p span{color:#ff3232; font-size:26px;}

.magazine .magazine-right-magazin{margin-top:15px; background:#FFF; border-radius:2px; padding:20px;}
.magazine .magazine-right-magazin p{height:20px; overflow:hidden; line-height:20px;}
.magazine .magazine-right-magazin p strong{float:left; display:block; font-size:18px; color:#333; font-weight:bold;}
.magazine .magazine-right-magazin p a{float:right; display:block; font-size:14px; color:#bbb;}
.magazine .magazine-right-magazin p a:hover{text-decoration:underline;}
.magazine .magazine-right-magazin ul{overflow:hidden; margin-top:20px; margin-left:-16px;}
.magazine .magazine-right-magazin ul li{float:left; margin:0 0 12px 10px;}
.magazine .magazine-right-magazin ul li img{border-radius:2px; width:120px; height:160px;}

.magazine .magazine-right .ad{margin-top:15px;}
.magazine .magazine-right .ad img{width:100%; border-radius:2px;}

/*杂志*/
.publicWrap{width:100%; height:505px; margin-top:15px; background:#FFF; border-radius:2px;}
.publicWrap ul{margin:20px 0 0 -4px; *margin-left:-100px;}
.publicWrap ul li{width:97px; *height:200px; float:left; margin:0 0 18px 24px; position:relative;}
.publicWrap ul li p {position:absolute; border-radius:4px; height:129px; width:97px; box-shadow:0 0 10px #b2b2b2; margin-top:5px; background:-moz-linear-gradient(45deg,  rgba(232,232,232,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(232,232,232,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e8e8e8', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.publicWrap p img{width:97px; height:129px; border-radius:4px;}
.publicWrap h3{height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; margin-top:145px;*padding-top:145px; font-weight:normal}
.publicWrap dl{font-size:12px; margin-top:4px;}
.publicWrap dl dt{color:#ef2830; font-size:12px !important;}

.commend{padding:20px 20px 0 0;overflow:hidden;}
.commend strong{display:block; float:left; font-size:18px; color:#2b6dad; font-weight:bold; line-height:22px;}
.commend span{display:block; float:right; text-align:right; padding-right:4px; padding-top:5px;}

/*分享*/
.shareWrap{margin:5px 0 0 -0px; position: relative; z-index:3;}
.shareWrap strong{display:block; font-size:14px; background:url(../images/magazine/maga-line.jpg) 40px center no-repeat;}
.bdsharebuttonbox{width:320px !important;}
.bdsharebuttonbox span{display:block; float:left; color:#a9a9a9; padding-right:10px; line-height:15px;*line-height:18px;line-height:18px\0;}
.bdsharebuttonbox a{width:135px !important; display:block !important; float:none !important; height:35px !important; margin-top:15px !important; background-size:100%;text-indent:0 !important; padding-left:50px !important; font-size:16px !important; line-height:35px !important; color:#000 !important;}
.bds_weixin{background:url(../images/magazine/weix.png) no-repeat !important;}
.bds_tsina{background:url(../images/magazine/weibo.png) no-repeat !important;}
.bds_qzone{background:url(../images/magazine/q-zone.png) no-repeat !important;}

/*
 * tools
 */
.tools{margin:3px 0 0 10px; float:left; overflow:hidden; position:relative;}
.tools-stow{width:25px; height:23px; *height:23px !important; float:left !important; background:url(../images/article/stow.png) 0 0 no-repeat; *background:url(../images/article/stow.png) 0 0 no-repeat; cursor:pointer;}
.tools-cancel{background:url(../images/article/stow.png) 0 -23px no-repeat;*background:url(../images/article/stow.png) 0 -23px no-repeat;}

.tools-share{width:20px; height:21px; margin-top:4px;*margin-top:-6px; *height:34px !important; float:left !important; *float:none !important; margin-left:20px;*margin-left:40px; background:url(../images/article/shareBtn.png) no-repeat; *background:url(../images/article/shareBtn.png) 0 11px no-repeat; cursor:pointer;}
.shareBtn{width:99px; height:81px; background:url(../images/article/tipbg.png) no-repeat; float:left; margin:4px 0 0 3px; position:relative; z-index:2000; display:none;}
.shareCon{width:90px; height:79px; margin:1px 0 0 9px; border-radius:2px;}
.shareCon a{display:block; height:40px; font-size:12px; color:#2b6dad; padding-left:35px; line-height:40px;}
.qzone{border-top-left-radius:2px; border-top-right-radius:2px;background:url(../images/article/qzone1.png) 8px center no-repeat;*background:url(../images/article/ie/qzone1.png) 8px center no-repeat;background:url(../images/article/ie/qzone1.png) 8px center no-repeat\0; background-size:22%;}
.qzone:hover{background:#bfdffe url(../images/article/qzone2.png) 8px center no-repeat;*background:#bfdffe url(../images/article/ie/qzone2.png) 8px center no-repeat;background:#bfdffe url(../images/article/ie/qzone2.png) 8px center no-repeat\0; color:#FFF; background-size:22%;}
.weibo{border-bottom-left-radius:2px; border-bottom-right-radius:2px;background:url(../images/article/weibo1.png) 8px center no-repeat;*background:url(../images/article/ie/weibo1.png) 8px center no-repeat;background:url(../images/article/ie/weibo1.png) 8px center no-repeat\0; background-size:22%;}
.weibo:hover{background:#bfdffe url(../images/article/weibo2.png) 8px center no-repeat;*background:#bfdffe url(../images/article/ie/weibo2.png) 8px center no-repeat;background:#bfdffe url(../images/article/ie/weibo2.png) 8px center no-repeat\0; background-size:22%; color:#FFF;}
.sharecover{width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000; display:none;}

.xcx-ewm{width:96px; position:absolute; top:130px; right:10px; text-align:center; font-size:10px; color:#999; background:url(../images/magazine/xcx-logo.gif) 1px 98px no-repeat; background-size:14px;}
.xcx-ewm img{width:100%;}
.xcx-loading{width:50px; height:50px; margin-top:-100px;}

.tip-msg{width: 100px; height: 40px;border-radius: 4px;position: fixed;left: 50%;top: 50%;z-index: 10000;background:RGBa(0,0,0,0.7);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#70000000',endColorstr = '#70000000') \9 opacity:0.7; filter:alpha(opacity=70);color:#FFF;text-align: center;line-height: 40px;font-size: 14px;display:none;}