/* GQ Style Platform Copyright(c) 2011, gq.com */

/*
  Update Log:
  2011-07-1  wangyuwei  created initial version
*/

body { font:12px Arial, Helvetica, sans-serif, "宋体"; color:#333;}
.GQmain{ background:#fff; width:1000px; margin:0 auto;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:underline; }
.h1{overflow:hidden; height:0;}

.myleft{ float:left;}
.myright{ float:right;}

.green{ color:#00d865;}
.green2{ color:#00a44d;}
.greenbg{ background:#00a44d;}
.greenbgO{ background-color:#00a44d;opacity: 0.8;filter:alpha(opacity=80);}

.pink{ color:#ec008c;}

.blue{ color:#2393ff;}
.blue2{ color:#0084ff;}
.bluebg{ background:#4fa9ff;}
.bluebg2{ background:#2393ff;}
.bluebgO{ background-color:#4fa9ff;opacity: 0.8;filter:alpha(opacity=80);}


.red{ color:#ff0101;}

.write{ color:#fff;}

.yellow{ color:#ffcc00;}

.orange{ color:#ff9900;}
.orangebg{ background:#ffa520;}
.orangebgO{ background-color:#ffa520;opacity: 0.8;filter:alpha(opacity=80);}

.graybg{ background:#656262;}

.yellow-bg{ background:#ffcc00;}
.red-bg{background:#cc0000;}

.mt10{ margin-top:10px;}
.mt12{ margin-top:12px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.ml10{ margin-left:10px;}
.ml13{ margin-left:13px;}
.ml20{ margin-left:20px;}
.mr0{ margin-right:0px;}
.mt18{ margin-bottom:18px; }
.mb13{ margin-bottom:13px;}
.mt1{ margin-top:1px;}
.mt60{ margin-top:60px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mtf17{ margin-top:-17px;}
.mb16{ margin-bottom:16px;}


.ml5{ margin-left:5px;}

.AD300-250{ margin-top:15px;}
.AD1000-40{ margin-top:1px;}
.AD1000-100{ margin-top:15px;}


/*.floatTip{position:absolute;width:80px; height:189px; background:url(../images/floatbg.gif) no-repeat 0 0; right:-80px; top:0;}
.floatTip{position:fixed;_position:absolute; margin-left:505px;left:50%;bottom:100px;width:80px; height:189px; background:url(../images/floatbg.gif) no-repeat 0 0;}
.floatTip ul{padding:40px 10px 10px; line-height:27px;}
.floatTip li{height:27px; border-bottom:1px dotted #ccc;}
.floatTip .returnTop{padding:0 10px;}*/


.floatTip{position:fixed;_position:absolute; left:50%;margin-left:505px; bottom:100px;width:80px; z-index: 9999}
.floatTip-hb{  background:url(../images/floatTip-hb.png) no-repeat; width:80px; height:77px; display:block; margin-bottom:3px;}
.floatTip ul{padding:5px 10px 0px; line-height:27px;}
.floatTipcont{border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc; background:#fff url(../images/pic3.png) repeat; width:78px;}
.floatTip li{height:27px; border-bottom:1px dotted #ccc;  background:url(../images/floatli-bg.png) no-repeat right 10px;}
.floatTip li a{ color:#878787;}
.floatTip .returnTop{margin: 15px 10px 0px; border-bottom:1px dotted #ccc; line-height: 27px;}
.floatTipB{ background:url(../images/floatBbg.png) no-repeat; width:80px; height:10px;}
.floatTipcont .logoe{ margin-left:10px; margin-top:20px;}
.floatTip .weixin{padding: 15px 10px 0px; line-height: 16px;}
.floatTip .weixin .pop-weixin{position: absolute; bottom:0;_bottom:-10px; left:-131px;width: 126px; height: 126px; padding-right: 10px;display: none;}
.floatTip .weixin .pop-weixin img{ width: 118px; height: 118px; padding: 3px; background: #fff; border: 1px solid #363636; }

.topinfo .hb-block{ float:right; position:relative; width:90px; z-index:3000; }
.topinfo .hb-block .huabao{  margin-right:22px; display:block; background:url(../images/floatTip-hb.png) no-repeat 0 -77px; padding-left:25px; height:30px; line-height:30px;}
.topinfo .hb-block .text{ background:url(../images/floatTip-hb.gif) no-repeat 0 -101px;  width:150px; height:41px; position:absolute; right:-100px; top:25px; color:#fff; line-height:18px; padding:20px 11px 5px 15px; display:none; z-index:3000;}

.topinfo .hb-block .close{ position:absolute; display:block; background:url(../images/floatTip-hb.gif) no-repeat 0 -178px; right:-90px; top:70px; display:none; width:12px; height:12px; cursor:pointer;z-index:3000;}


/*********内容*******/
.GQPage-content{ width:1000px; margin:0 auto;position:relative; }
.gq-Leftcont{ width:690px;position: relative; float:left; }
.gq-Rightcont{ width:300px; float:right;}
/*面包屑*/
.gq-crumb{ margin-left:18px; color:#666666; height:34px; line-height:34px;}
.gq-crumb a{ color:#333; margin-left:5px; margin-right:5px;}
.gq-crumb span{ color:#333; margin-left:5px; margin-right:5px;}
/*频道焦点图*/
.channel-focus{ width:688px; height:310px; position:relative;}
.channel-focus-item{ width:688px; height:310px;position:absolute; left:0px; top:0px;}
.channel-focusbox{ position:absolute; left:0; bottom:0; background:url(../images/channel-focus-bg.png) repeat-x; width:664px; height:39px; padding:8px 12px; line-height:22px;}
.channelf-title{ font-size:18px; display:block;}
.channelf-text{ color:#cccccb;display:block; height:20px; overflow:hidden;}

/*频道HOW TO 0802*/
.HowTo-box{ margin-top:22px; position:relative; z-index:100;}
.HowTo-title{ height:32px; border-bottom:3px solid #333333; width:688px; position:relative;}
.HowTo-title b{ background:url(../images/channel-title.png) no-repeat; background-position:5px 4px; display:block; width:135px; height:30px; }
.HowTo-content{ background:url(../images/pic1.png) repeat;width:673px;border-bottom:3px solid #333333; height:190px; padding:20px 0px 20px 15px;}
.HowTo-listbox{ position:relative; width:192px;float:left; margin-right:32px; display:inline; }
.HowTo-listbox2{ position:relative; width:192px; height:85px; float:none;}
/*.HowTo-list{ width:150px;margin-left:42px;_margin-left:12px;padding-top:8px;}*/
.HowTo-list{ padding-left:42px;_padding-left:39px;}

.HowTo-list li{ height:26px; width:150px; overflow:hidden; line-height:24px; background:url(../images/line-gray.png) repeat-x 0 25px;}
.HowTo-list li img{ margin-left:3px;}
.HowTo-title .HT-type{ width:400px; position:absolute; left:258px; top:0px;}
.HT-type .HT-typebox{ float:left;}
.typeone-text{ background:url(../images/type-input.png) no-repeat; float:left; margin-top:5px; width:96px; height:21px; line-height:21px;}
.typeone-text .dp_list_btn{ height:21px; line-height:21px;}
.HowTo-box h2{ position:absolute; font-size:14px; left:0; top:0; z-index:-9999;}

.typeone-text4{ background:url(../images/type-input4.png) no-repeat;display:block; float:left; margin-top:5px; padding-left:6px; width:75px;  height:21px; line-height:21px;}

.search-btn1{ background:url(../images/searchbg2.png) no-repeat; width:51px; height:21px; border:none; font-size:12px; line-height:21px; text-align:center; margin-top:5px; }


/*HOWTO问题*/
.HT-problembox{ width:498px; float:left; border:1px solid #999999; height:48px; background:#fff; float:left; margin-top:28px; margin-left:10px;}
.HTprblem-Lbtn,.HTgray-Lbtn{ float:left; display:block;}
.HTprblem-Rbtn,.HTgray-Rbtn{ float:right;display:block;}
.HT-problemcont{ width:424px; float:left; position:relative; height:38px; margin:5px 12px; overflow:hidden;}/*wg-20110802*/
.HT-problemcont ul{ position:absolute;}
.HT-problemcont ul li{ line-height:18px;width:424px; float:left; display:inline;}/*wg-20110802*/


.IndHT-problembox{ width:240px; float:left; margin-top:8px; border:1px solid #999999; height:143px; background:#fff;  margin-left:20px; display:inline;}/*8.29ie6*/
.HTprblem-Lbtn{ float:left; display:block;}
.HTprblem-Rbtn{ float:right;display:block;}
.IndHT-problemcont{ width:155px; float:left;position:relative; height:95px; left:20px; top:25px; overflow:hidden;}
.IndHT-problemcont ul{ position:absolute;}
.IndHT-problemcont ul li{ line-height:18px; float:left; display:inline; width:155px;}
.IndHT-problemcont ul li a{color:#666;}

.IndHT-answerbtn{margin-left:10px;display:inline;}/*8.29ie6*/



.HT-answerbtn{ float:right; margin-top:28px; margin-right:27px;display:inline;}
.HT-greendan,.HT-greenask{ background:url(../images/green-promberbtn.png) no-repeat; }
.HT-greendan{background-position:0 0; width:118px; height:23px; display:block;}
.HT-greenask{background-position:0 -25px; width:118px; height:23px; display:block; margin-top:2px;}


.HT-graydan,.HT-grayask{ background:url(../images/gray-promberbtn.png) no-repeat; margin-top:10px;}
.HT-graydan{background-position:0 0; width:118px; height:23px; display:block; float:left; margin-left:10px;}
.HT-grayask{background-position:0 -25px; width:118px; height:23px; display:block;float:left;margin-left:3px;}


/*绿色图标*/
.HTgreen-one,.HTgreen-two,.HTgreen-three,.channelT-more,.green-library,.libraryLbtn,.libraryRbtn,.RChannelT-more,.red-arrow,.gray-arrow,.typeone,.typetwo,.typethree,.author-box span,.art-headone,.RChannelT-more2,.art-galtext p,.YchannelT-more,.Funindex-list .FL,.BchannelT-more,.Fashion-fl,.ManshowLbtn,.ManshowRbtn,.gadget-fl,.typeone-gray,.typetwo-gray,.typethree-gray,.HTgray-one,.HTgray-two,.HTgray-three,.GchannelT-more,.live-fl,.RchannelT-more,.video-FeL li a,.gallery-tagtitle span,.ManshowLbtn2,.ManshowRbtn2,.yellow-arrow,.RchannelT-moreT,.YchannelT-moreH,.YchannelT-more2,.FchannelT-more,.add-gform span{background:url(../images/channel-icon.png) no-repeat; display:block;}
.HTgreen-one{background-position:2px 2px;position:absolute;width:35px; height:35px;}
.HTgreen-two{background-position:2px -32px;position:absolute;width:35px; height:35px;}
.HTgreen-three{background-position:2px -66px;position:absolute;width:35px; height:35px;}

.typeone{ display:block; float:left;height:35px; width:35px;}
.typetwo{ background-position:2px -33px;display:block; float:left;height:35px; width:35px;}
.typethree{background-position:2px -66px;width:35px; height:35px;display:block; float:left;}

.typeone-gray{background-position:-6px -417px;display:block; float:left;height:19px; width:22px; margin:5px 5px 0 5px; }
.typetwo-gray{background-position:-6px -440px;display:block; float:left;height:19px; width:22px;margin:5px 5px 0 5px;}
.typethree-gray{background-position:-6px -460px;display:block; float:left;height:19px; width:22px;margin:5px 5px 0 5px;}

.HTgray-one{background-position:0px -482px;position:absolute;width:35px; height:35px;}
.HTgray-two{background-position:0px -517px;position:absolute;width:35px; height:35px;}
.HTgray-three{background-position:0px -550px;position:absolute;width:35px; height:35px;}


.YchannelT-more{display:block; position:absolute; right:0px; top:34px; border-left:1px solid #c1c1c1; background-position:150% -322px; height:17px; padding:0 20px 0 10px;}
.BchannelT-more{display:block; position:absolute; right:0px; top:34px; border-left:1px solid #c1c1c1; background-position:150% -338px; height:17px; padding:0 20px 0 10px;}
.RchannelT-more{display:block; position:absolute; right:0px; top:34px; border-left:1px solid #c1c1c1; background-position:150% -599px; height:17px; padding:0 20px 0 10px;}
.RchannelT-moreT{display:block; position:absolute; right:0px; top:34px; border-left:1px solid #c1c1c1; background-position:150% -783px; height:16px; padding:0 20px 0 10px;}
.YchannelT-moreH{display:block; position:absolute; right:0px; top:34px; border-left:1px solid #c1c1c1; background-position:150% -799px; height:16px; padding:0 20px 0 10px;}
.YchannelT-more2{display:block; position:absolute; right:0px; top:34px; border-left:1px solid #c1c1c1; background-position:150% -815px; height:17px; padding:0 20px 0 10px;}
.FchannelT-more{display:block; position:absolute; right:0px; top:34px; border-left:1px solid #c1c1c1; background-position:150% -767px; height:17px; padding:0 20px 0 10px;}

/*二级频道标题*/
.Channel-box1{ margin-top:18px; position:relative;}/*wg-20110802*/
.Channel-box2{ position:relative;margin-top:18px; float:left; width:340px;}
.channel-title{ border:1px solid #999999; background:#fff; width:656px; position:relative; padding:3px 15px;  height:46px;}
.channel-title2{border:1px solid #999999; background:#fff url(../images/pic3.png) repeat; width:656px; height:46px; position:relative; padding:3px 15px;  z-index:999;}
.channel-title3{ border:1px solid #999999; background:#fff url(../images/pic3.png) repeat; width:308px; height:46px; position:relative; padding:3px 15px;  z-index:999;}
.channel-title4{border:1px solid #999999; background:#fff url(../images/pic3.png) repeat; width:268px; height:46px; position:relative; padding:3px 15px;  z-index:999;}
.channel-title5{ border:1px solid #999999; background:#fff; width:308px; height:46px; position:relative; padding:3px 15px; }
.Channel-box1 h2{ position:absolute; z-index:-9999; left:0; top:0;}
.Channel-box2 h2{ position:absolute; z-index:-9999; left:0; top:0;}
.channel-watchTitle,.channel-carTitle,.channel-numberTitle,.channel-featureTitle,.channel-topstyTitle,.channel-noteTitle,.channel-forumTitle,.channel-wordTitle,.channel-funZTtitle{ background:url(../images/channel-title.png) no-repeat; }
.channel-watchTitle{background-position:-3px -33px; display:block; width:108px; height:45px;}
.channel-carTitle{background-position:-3px -86px; display:block; width:108px; height:45px;}
.channel-numberTitle{background-position:-3px -145px; display:block; height:45px;}
.channel-featureTitle{background-position:-3px -203px; display:block; height:45px;}
.channelT-keyword{ position:absolute; left:235px; top:34px; border-left:1px solid #c1c1c1; height:17px; line-height:17px; padding-left:10px;}
.channelT-keyword a{ color:#666666; margin-left:3px;margin-right:3px;}
.channelT-more{ display:block; position:absolute; right:0px; top:34px; border-left:1px solid #c1c1c1; background-position:150% -104px; height:17px; padding:0 20px 0 10px; }
.GchannelT-more{display:block; position:absolute; right:0px; top:34px; border-left:1px solid #c1c1c1; background-position:150% -600px; height:16px; padding:0 20px 0 10px;}

.channelT-keyword2{ position:absolute; left:170px; top:3px; width:85px; background:url(../images/line2.png) no-repeat left bottom; display:block;height:50px; line-height:16px; padding-left:10px;}
.channelT-keyword2 a{color:#666666; margin-left:2px;margin-right:2px;}

/*二级频道模块内容*/
.channel-moduleone{ width:656px; border:1px solid #dae0e1; padding:32px 10px 20px 20px;}
.channel-MOLeft{ width:310px;}
.channel-MOLeft li{  margin-bottom:19px; height:115px;overflow:hidden;}
*+html .channel-MOLeft li{  margin-bottom:15px;}
*html .channel-MOLeft li{  margin-bottom:15px;}
.channel-MOLeftimg{display: inline;float: left;height:105px; margin-right:12px;overflow: hidden;width:140px;border:1px solid #cccccc;}
.channel-MOLeft li p{width:150px; float:left;}
.Chantype-title{ font-size:12px; line-height:18px; display:block; overflow:hidden;}
.Chantype-text{ margin-top:9px;color:#666666; line-height:18px; height:54px; overflow:hidden; display:block;}
.channel-MOLeftIndex{ width:310px;}
.channel-MOLeftIndex li{  margin-bottom:19px; height:125px;overflow:hidden;}
*+html.channel-MOLeftIndex li{  margin-bottom:15px; }
*+html.channel-MOLeftIndex li{  margin-bottom:15px;}

/*按钮*/
.libraryLbtn{background-position:-10px -238px; height:16px;width:12px; float:left; display:block; margin-top:95px;}
.libraryRbtn{background-position:-10px -104px; height:16px; width:12px; float:left;display:block;margin-top:95px;}
.ManshowLbtn{background-position:-8px -400px; height:16px;width:12px; float:left; display:block; margin-top:180px;}
.ManshowRbtn{background-position:-7px -338px; height:16px; width:12px; float:left;display:block;margin-top:180px;}

.ManshowLbtn2{background-position:-8px -400px; height:16px;width:12px; float:left; display:block; margin-top:100px;}
.ManshowRbtn2{background-position:-7px -338px; height:16px; width:12px; float:left;display:block;margin-top:100px;}


.channel-MORight{ width:290px; height:350px; float:left; margin-left:20px;  background:url(../images/line-gray2.png) repeat-y left top; padding-left:25px; }
.green-library{ background-position:-5px -174px; height:16px; padding-left:24px;}
.module-library{ width:285px;}
.library-photobox{ width:250px; float:left;height:250px; margin-right:10px; position:relative; overflow:hidden;}/*wg-20110802*/
.library-photobox ul{ position:absolute;}
.library-photobox ul li{ text-align:left; position:relative; width:250px; float:left; display:inline;}/*wg-20110802*/
.library-photobox ul li p{ padding:2px 8px; color:#fff;display:inline-block; position:absolute; left:20px; top:85px; width:180px;}
.library-photobox ul li img{ width:250px; height:250px;}
.library-photobox ul li img.manshow-img{ width:200px; margin-left:20px; height:360px;}
.library-input{ width:140px; display:inline; float:left; color:#666666; margin-top:8px; margin-right:5px;}/*0802*/
.library-input .dp_list{ background:url(../images/pptype-input.png) no-repeat; width:139px; display:block; margin-top:3px; _position:static; height:22px; line-height:22px;}
/*
.library-input a{ background:url(../images/pptype-input.png) no-repeat; width:134px; display:block; margin-top:3px; height:22px; line-height:22px; padding-left:5px;}
.library-input a:hover{ text-decoration:none;}
*/
/*wg-20110802*/

.library-input2{ display:block; color:#666666; margin-top:20px; margin-right:5px;}
.library-input2 .dp_list{ background:url(../images/pptype-input2.png) no-repeat; width:285px;  display:block; _position:static; margin-top:3px; height:22px; line-height:22px; }
/*
.library-input2 a{ background:url(../images/pptype-input2.png) no-repeat; width:285px; display:block; margin-top:3px; height:22px; line-height:22px; padding-left:5px;}
.library-input2 a:hover{ text-decoration:none;}
*/
/*wg-20110802*/


.Manshowbox{ width:235px; float:left; margin-left:10px; margin-top:40px;height:370px; margin-right:10px; position:relative; overflow:hidden;}/*wg-20110802*/
.Manshowbox ul{ position:absolute;}
.Manshowbox ul li{ text-align:left; position:relative; float:left; width:253px; display:inline;}/*wg-20110802*/
.sss{left: 20px; position: absolute;top:170px;  width:230px;}
.sss a{position:relative;display:inline-block;height:18px; line-height:18px;padding:0px 8px; margin-top:1px;}
.sss a:hover{ text-decoration:none;}
.sss a em{ height:100%; width:100%; position:absolute; left:0; top:0; display:block;}
.sss a span{ display:inline-block; color: #fff; position:relative;}
.cldp{ top:190px;}


.channel-MOLeftTwo{ width:324px; float:left; margin-right:20px;}
.channel-MOLTwoimg{ border:1px solid #cbcbcb; width:320px; height:240px;}
.channel-MOLTwotitle{ font-size:14px; font-weight:bold; width:314px; margin-left:6px; margin-top:20px; display:block;}
.channel-MOLTwotext{ margin-top:10px;width:314px; margin-left:6px; line-height:18px; color:#666666; display:block;}
.channel-MOLTwotext a{ color:#00A44D}

/*二级频道专题内容*/
.Chan-featurebox{width:666px; border:1px solid #dae0e1; padding:20px 0px 20px 20px;}
.Chan-featurebox li{ margin-right:20px; float:left;}
.featureimg{border:1px solid #cbcbcb; width:200px; height:200px;}
.feature-title{font-size:12px; width:200px; margin-top:10px; display:block;}
.feature-text{ margin-top:5px;width:200px; line-height:18px;color:#666666; display:block;}




/*二级频道右侧标题*/
.channel-Rigtitle{border:1px solid #999999; background:#fff; width:268px; position:relative; padding:3px 15px; margin-top:18px;}
.RChannelT-more{display:block; position:absolute; right:10px; top:34px; border-left:1px solid #c1c1c1; background-position:150% -192px; height:17px;padding:0 20px 0 10px;}

.channel-Rigtitle2{ font-size:14px; font-weight:bold; border:1px solid #999999; width:268px; position:relative; padding:5px 15px; margin-top:18px;}
.channel-Rigtitle2 a:hover{ text-decoration:none;}
.RChannelT-more2{display:block; position:absolute; right:5px; top:9px; border-left:1px solid #c1c1c1; background-position:150% -190px; height:17px;padding:0 20px 0 10px;}

.channel-topstyTitle{ background-position:-5px -267px; width:168px; height:48px;display:block;}
.channel-moduletwo{width:278px;border:1px solid #dae0e1; padding:20px 10px 0 10px;_padding:20px 10px 10px 10px;}
.channel-moduleLd{ height:206px;}
.topstory-list{ width:275px; }/*8.29ie6*/
.topstory-list li{ background:url(../images/line-gray.png) repeat-x left bottom !important; height:30px; line-height:30px; width:275px; overflow:hidden;}/*8.29ie6*/
.red-arrow{ display:inline-block;background-position:-9px -209px;_background-position:-8px -206px; width:11px; height:11px;_width:12px;  margin-right:8px;}/*8.29ie6*/
.gray-arrow{ display:inline-block;background-position:-9px -223px;_background-position:-8px -220px; width:11px; _width:12px;height:11px; margin-right:8px;}/*8.29ie6*/
.yellow-arrow{ display:inline-block;background-position:-8px -683px;_background-position:-7px -681px; width:11px;height:11px;  margin-right:8px;}


.channel-noteTitle{background-position:-5px -323px; width:168px; height:48px;display:block;}
.notelist li{margin-bottom:15px;}
.notelist-img{ border:1px solid #666666; padding:3px; width:60px; height:60px; float:left;}
.notelist li p{ width:195px; float:left; margin-left:10px;}
.notelist-title{font-size:12px; font-weight:bold; width:195px;display:block;}
.notelist-text{ margin-top:5px;width:195px; height:50px; overflow:hidden; line-height:16px;color:#666666; display:block;}



.channel-forumTitle{background-position:-5px -387px; width:168px; height:48px;display:block;}
.channel-wordTitle{background-position:-5px -443px; width:168px; height:48px;display:block;}
.keywordbox{ padding:0px 10px 20px 10px;_padding:0px 10px 10px 10px;}
.keywordbox a{ background:#5c5c5c; display:inline-block; vertical-align:top; color:#fff; padding:3px 5px; margin-right:2px; margin-top:2px;}

.keywordbox-xc a{display:inline-block; vertical-align:top; color:#fff; padding:3px 5px; margin-right:2px;_margin-right:0px; margin-top:2px;}
*+html .keywordbox-xc a{margin-right:0px;}

.channel-funZTtitle{background-position:-5px -495px; height:48px;display:block;}
/*************************文章页***********************************/
.article-block{ width:660px; border:1px solid #dae0e1; padding:18px 0px; margin-left:10px;}
.article-title{ height:40px; line-height:40px; font-family:"微软雅黑"; font-size:18px; font-weight:bold; color:#333; text-align:center; width:582px; margin:0 auto;}
.article-cont{ width:630px; margin:15px auto;}
.article-cont .img img{max-width: 100%;}
.author-box{ line-height:24px;}
.author-box span{ display:block; float:left; margin-right:19px; background-position:-9px -221px; height:16px; line-height:16px; margin-top:5px; padding-left:20px;}
.art-guidetitle .sc-btn{ background:url(../images/like-btn.png) no-repeat; width:68px; height:24px; position:absolute; display:block; right:0;top:-5px;}

.art-guidetitle{  background:url(../images/line-gray.png) repeat-x left bottom; height:21px; margin-top:20px; position:relative;}
.art-guidetitle span{ background:#cccccc;padding:3px 15px;font-size:12px; }
.art-guidecont{background:url(../images/line-gray.png) repeat-x left bottom; line-height:20px; padding:12px 0px;}

.art-photobox{ width:552px; margin:20px auto; position:relative; background:#fff; border:1px solid #eee}
.art-gallery{ width:552px; }
.art-gallery li{min-height: 600px;width: 552px; padding-top:10px;}
.art-gallery li td{height:600px;}

.art-galleryL{ position:absolute; left:0; top:45%;z-index:9999; cursor:pointer; background: url(../images/art-galleryL.png) no-repeat scroll 0 0 transparent; display:block; width:42px; height:52px;}
.art-galleryL:hover{background: url(../images/art-galleryL_mo.png) no-repeat scroll 0 0 transparent;}
.art-galleryR{ position:absolute; right:-2px; top:45%; z-index:9999;cursor:pointer;background: url(../images/art-galleryR.png) no-repeat scroll 0 0 transparent; display:block; width:42px; height:52px;}
.art-galleryR:hover{background: url(../images/art-galleryR_mo.png) no-repeat scroll 0 0 transparent;}
.art-conttext{line-height:20px; padding:18px 15px; color:#666;}
.art-galtext{ background:#fff; height:15px; padding:5px 10px; position:relative;}
.art-galtext p{ display:inline-block; background-position:-9px -266px; color:#000; padding-left:15px; margin-right:15px;}
.art-galtext #ckepop{ position:absolute; left:60px; top:5px;}





.artile-frombox{ background:url(../images/artile-magaboxbg.png) no-repeat; width:238px; height:160px;}
.artile-magazine{ border:1px solid #cccccc; float:left; margin-left:13px; margin-top:15px; max-width: 100px; max-height: 130px;}
.artile-frombox p{ width:105px; float:left; margin-left:15px; margin-top:15px; color:#999999;}
.artile-frombox p span{ display:block;background:url(../images/line-gray.png) repeat-x left bottom; line-height:25px; color:#333;}
.artile-frombox p input{ background:url(../images/gray-btn.png) no-repeat; width:72px; height:21px; line-height:20px; border:none; margin-top:8px; cursor:pointer;}
.artile-bodycont p{line-height:20px; padding:8px 15px; font-size:13px; color:#666;}
.artile-bodycont p.info{font-weight: bold;font-size: 12px;}
.artile-bodycont p img{ max-width:550px;margin:0 auto;display:block;}
.artile-bodycont img{ max-width:550px;margin:0 auto;display:block;}


.artile-navtitle{ background:#cccccc; height:22px; line-height:22px; padding:0 15px; display:inline-block; margin-top:20px;}
.artile-navlist{ padding:20px 0 20px 20px; border:1px solid #cccccc;}
.artile-navlist li{ width:260px; float:left; height:27px; margin-right:18px; line-height:25px; background:url(../images/line-gray.png) repeat-x left bottom; margin-top:2px;}
.artile-navlist li span{ display:block; float:left; background:#ccc; width:55px; height:22px; line-height:22px; text-align:center;}
.artile-navlist li a{ display:block; float:left; margin-left:5px; width:200px; height:27px; line-height:27px; overflow:hidden;}

/*分页*/
.GQ-paging{}
.previous-pagebtn,.next-pagebtn{ float:left;}
.paging-box{ float:left; width:554px; border-top:1px solid #dae0e1; border-bottom:1px solid #dae0e1; padding:14px 10px; height:22px; line-height:22px; text-align:center; position:relative;}
.artile-pagebox{width:645px; height:22px; line-height:22px; text-align:center; margin-top:15px; margin-bottom:15px;}
.previous-page{color:#666; position:absolute; left:10px; top:15px; display:block; z-index:999;}
.next-page{  color:#666;position:absolute;right:10px; top:15px;display:block; z-index:999;}

.gq_ar_num{ padding:0px 8px; background:#fff; display:inline-block; border:1px solid #cccccc; margin-right:1px;}
.gq_ar_num:hover{ background:#cccccc; text-decoration:none;}
.gq_currenum{ padding:0px 8px; background:#cccccc; display:inline-block; border:1px solid #cccccc; margin-right:1px;}


.art-headone{ background-position:-3px -253px; height:15px; padding-left:26px; color:#666666; position:relative; font-size:12px; font-weight:bold;}
.art-headone #jiathis_style_32x32{ position:absolute; left:25px; top:20px;}
.art-brandbox{ width:250px; float:left; margin-left:12px; margin-top:65px;}
.art-brandcont{ background:url(../images/xx-line.png) repeat-x;height:213px; margin-top:5px;}

.art-barndlist{  margin-left:7px; height:150px;}
.art-barndlist li{ width:102px; height:145px; float:left; margin-right:25px;margin-top:20px;}
.art-barndlist li img{ width:100px; height:100px; border:1px solid #999999;}
.art-barndname{ width:102px; text-align:center; font-weight:bold; margin-top:10px; display:block;}

.art-hotbox{ width:380px; float:left;margin-top:65px;margin-left:12px; }


.art-keyword{ margin-left:15px; margin-top:40px;}
.art-keyword p{ color:#cccccc; margin-top:10px; margin-left:20px;}
.art-keyword p a{ display:inline-block; margin-left:5px; margin-right:5px;}

.art-sharebox{ margin-left:15px; height:55px; margin-top:25px;}



/*评论*/
.art-comment{ margin-top:110px; width:660px; margin-left:10px;}
.comtitle-box{ height:25px; line-height:25px;width:652px;}
.comtitle-box h3{ color:#666; font-size:14px; font-weight:bold; float:left; margin-left:8px;}
.peopnumber{ float:left; display:block; margin-left:25px; color:#666;}
.peopnumber a{ color:#333; margin-left:8px;}
.comtitle-box em{ display:block; float:right; margin-left:8px;}
.comment-usersinput{ background:url(../images/iptbg03.png) no-repeat; width:86px; height:15px; border:none; padding:3px;}
.comment-usersbtn{ background:url(../images/btn1.png) no-repeat; width:52px; height:21px; text-align:center; color:#fff; cursor:pointer; margin-left:13px;font-size:12px; border:none; margin-top:1px;}

.comment-usertext{ background:url(../images/comment-usertext.png) no-repeat; border:none; width:639px; height:76px;padding:10px; line-height:18px; color:#333; margin-top:2px;}
.comment-fbbtn{ background:url(../images/btn2.png) no-repeat; width:82px; height:21px; margin-bottom:10px; border:none;text-align:center; color:#fff; cursor:pointer;font-size:12px; float:right;margin-top:5px;}
.comment-wztitle{ float:left; display:block; margin-top:8px;}

.art-comtlist{ width:645px; border:1px solid #dae0e1; margin-bottom:3px; padding:15px 0 15px 15px; position: relative;}
.art-comtlist .wbtext{bottom: 0;color: #666666;height: 30px;line-height: 30px;position: absolute;right: 5px;width: 145px;}
.comtlist-name{ width:58px; height:58px; border:1px solid #ef4023; float:left;}
.comtlist-cont{ float:left; width:435px; margin-left:22px;}
.comtlist-cont h3{ background:url(../images/line-gray.png) repeat-x left bottom; height:22px; line-height:22px;}
.comtlist-cont h3 a{ font-size:14px; font-weight:bold; display:inline-block; width:128px;}
.comtlist-cont h3 em{ font-size:14px; font-style: normal; font-weight:bold; display:inline-block; width:128px;}
.comtlist-cont h3 span{ color:#999999; display:inline-block;}
.comtlist-cont p{ line-height:18px; margin-top:5px; color:#666666;}
.comt-replybtn{ display:block; float:right; background:#333; height:20px; line-height:20px; width:60px; text-align:center; cursor:pointer; color:#fff; margin-right:1px;}
.comt-replybtn:hover{ text-decoration:none;}



.art-tyonetitle{ height:30px; line-height:30px; color:#666; padding-left:14px; border-bottom:3px solid #999999; width:670px; font-size:13px; font-weight:bold; margin-top:10px;}
.artlike-box{ background:url(../images/pic1.png) repeat; padding:20px 0 20px 20px; width:664px;}
.artlike-list{ width:310px; float:left; margin-right:20px; display:inline;}
.artlike-photo{ width:150px; float:left; height:150px; border:1px solid #999999;margin-bottom:15px;}
.artlike-cont{ width:145px; float:right; margin-bottom:15px;}
.artlike-cont h3{ font-size:12px; font-weight:bold;}
.artlike-cont p{ line-height:18px; margin-top:10px;}
.artlike-li{ height:25px; line-height:25px; background:url(../images/line-gray.png) repeat-x left bottom; display:block; width:300px;}
.artlike-li a{ background:url(../images/dot.png) no-repeat 0 5px; padding-left:8px;}


.otherweb-box{ background:url(../images/pic1.png) repeat; padding:20px 0 20px 10px; width:674px;}
.otherweb-list{width:215px; float:left; margin-right:9px; display:inline;}



.otherweb-photo{ width:210px; height:158px; border:1px solid #999999; margin-top:5px;}
.otherweb-text{ font-weight:bold; margin-top:10px; display:block; margin-bottom:15px; margin-left:3px;}
.otherweb-li{ height:25px; line-height:25px; background:url(../images/line-gray.png) repeat-x left bottom; display:block; width:210px;}
.otherweb-li a{ background:url(../images/dot.png) no-repeat 0 5px; padding-left:8px;}



.trend-phlist{ margin-bottom:20px; margin-left:10px;}
.trend-phlist li{ width:122px;float:left; margin-right:12px; display:inline;}
.trend-phlist li img{ width:120px; height:90px; border:1px solid #999999;}
.trend-phlist li p{ line-height:18px; height:36px; overflow:hidden; font-weight:bold;}

.trend-phlist2{ margin-bottom:20px; margin-left:20px;}
.trend-phlist2 li{ width:102px;float:left; margin-right:26px; display:inline;}
.trend-phlist2 li img{ width:100px; height:100px; border:1px solid #999999;}
.trend-phlist2 li p{ line-height:18px; }


.arBrand-shows{ width:250px; margin:0 auto; margin-bottom:20px;text-align: center;}
.arBrand-shows img{ width:200px; height:300px; border:1px solid #cecece;}
.arBrandS-text{ font-size:12px; font-weight:bold; text-align:center; margin-top:10px; display:block;}


.channel-grayline{ background:url(../images/line-gray.png) repeat-x left bottom;height:2px;margin-bottom:10px;}


.dp_list2{background: url(../images/selbg02.png) no-repeat; cursor: pointer;height: 22px; line-height:22px; margin-left:8px; margin-top:13px;position: relative;width:232px;z-index: 10000;}
.dp_list_btn2{ width:120px;color: #8C8C8C;display: block;height: 24px;line-height: 24px;overflow: hidden;text-indent: 10px;}



.small-channelbox{width:322px; border:1px solid #dae0e1; padding:18px 8px; }



.Index-Fanslist{ width:288px; height:325px; border:1px solid #dae0e1; padding:20px 5px 30px 5px;}
.Index-Fanslist li{ height:55px; overflow:hidden;}
.Index-fansT{ background:url(../images/Index-fansT.png) no-repeat; height:22px; width:288px; overflow:hidden;}
.Index-fansB{ background:url(../images/Index-fansB.png) no-repeat; height:8px; width:288px; overflow:hidden;}
.Index-fansC{ background:url(../images/Index-fansC.png) repeat-y; padding:0 10px; width:268px; margin-top:-6px;}
.Index-fansC span{display:inline-block; vertical-align:top; color:#666666; font-weight:bold;}
.Index-fansC a{ display:inline-block; width:192px;color:#666666;}
.Index-fansC em{ color:#e60012; font-weight:bold;}



.index-livelist{width:652px; border:1px solid #dae0e1; padding:20px 10px 20px 24px;}
.index-livelist li{ width:142px; float:left; margin-right:21px; margin-bottom:20px;}
.live-fl{color:#999999; background-position:-7px -615px; padding-left:18px;}
.fahion-img{ width:140px; height:105px; border:1px solid #cccccc; margin-top:4px;}
.index-chantext{display:block; margin-top:5px; line-height:16px; height:32px; overflow:hidden;}





.dp_list3{
    background: url(../images/selbg03.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
	float:left;
	margin-right:10px;
    height: 21px;
	line-height:21px;
    position: relative;
    width: 101px;
    z-index: 10000;
}
.dp_list_btn3 {
    color: #333;
    display: block;
    height: 21px;
    line-height: 21px;
    overflow: hidden;
    text-indent: 10px;
    width: 74px;
}
.channelS-box{ position:absolute; right:10px; top:4px; height:24px; line-height:24px;}
.channelS-box em{ display:block;color:#666666; float:left; }
.channelSea-btn{ float:left; background:url(../images/searchbg2.png) no-repeat; text-align:center; font-size:12px; width:51px; height:21px; line-height:21px; border:none; cursor:pointer; }
.dp_items3 {background-color: #FFFFFF;border: 1px solid #CCCCCC;border-top:none;display: none;height: 140px;left: 0;overflow-x: hidden; overflow-y: auto; position: absolute; top: 22px;width: 170px;z-index: 1000;}


.AD300-600{ width:300px; height:600px; overflow:hidden;}





.Third-Hotdlist{ margin-left:10px; margin-top:5px; width:263px; margin-bottom:25px; display:none; float:left;}
.curr_tabItem{ display:block;}
.Third-Hotdlist li{ margin-top:10px;}
.Third-Hotdimg{ width:60px; height:60px; border:1px solid #cccccc; float:left;}
.Third-Hotdcont{ float:right; width:195px; float:right; height:62px; background:url(../images/line-gray4.png) repeat-x left bottom;}
.stars_small{width:86px; float:left; margin-top:1px; margin-left: 24px;}
.stars_small li{float:left;width:14px; height:14px; background:url(http://img.gq.com.cn/application/views/front/images/stars02.png) no-repeat 0 0; margin-top:0px;}
.stars_small .starLeft{width:7px; background-position:-16px 0;}
.stars_small .starRight{width:7px; background-position: right 0;margin-right:3px;}
.stars_small .starLeft_checked{width:7px; background-position:0 0;}
.stars_small .starRight_checked{width:7px; background-position: -7px 0;margin-right:3px;}




.gqa-videobox{ position:relative;}
.gqa-videoLogo{ position:absolute; left:10px;top:5px;}


/*版权声明样式*/
.arcopy-box{ background:#ececec; border:1px dotted #cacaca; padding:13px 18px; width:506px; margin-left:40px; margin-top:15px;}
.arcopy-title{ background:url(../images/arbq-icon.png) no-repeat left 2px; padding-left:18px; font-size:12px; font-weight:bold; color:#010000; height:16px; line-height:16px;}
.arcopy-text{ color:#666666; line-height:18px; margin-left:20px; margin-top:5px;}
.arcopy-text a{ color:#333;}
/*版权声明样式结束*/


.art-guidecont2{border-bottom: 1px dotted #C7C7C7;border-top: 1px dotted #C7C7C7;color: #666666;display: block;line-height: 20px;margin: 0 auto;padding: 15px; width: 450px;}










/*添加更多*/
.Chantype-text a{ color:#00A44D;}
.Chantype-text a.blue2{ color:#0084FF}
.Chantype-text a.orange{ color:#F90}
.Chantype-text a.pink{ color:#EC008C}

.channel-MOLTwotext a.pink{ color:#EC008C}
.channel-MOLTwotext a.orange{ color:#F90}
.feature-text a{ color:#00A44D}
.feature-text a.blue2{ color:#0084FF}
.feature-text a.orange{ color:#F90}
.feature-text a.pink{ color:#EC008C}



.gq-ad388x310{ margin:10px 0}
.gq-adslide{ position:relative;  width:320px; height:240px;}
.gq-adslide-list{ position:absolute; width:320px; height:240px; background:#fff;}

.adslide-wrap {position: relative;}
.adslide-wrap .switchable-triggers {position: absolute;right: 12px;top: 216px; z-index: 2;}
.adslide-wrap .switchable-triggers li {float: left;background:url("../images/dot_slide.png") no-repeat scroll -20px 0 transparent; _background:url("../images/dot_slide.gif") no-repeat scroll -20px 0 transparent; cursor: pointer;height: 10px;width: 10px;margin: 0 8px 0 0;text-indent: -100px;overflow: hidden;}
.adslide_fashion .switchable-triggers li.current {background-position: 0 0;}
.adslide_gadget .switchable-triggers li.current {background-position: -10px 0;}
.adslide_living_sex .switchable-triggers li.current {background-position: -30px 0;}
.adslide_gadget_car .switchable-triggers li.current {background-position: -10px 0;}



 /* =public */
.ipad-product .img-wrap { position:relative;} 
.ipad-product .img-wrap span { position:absolute; text-indent:-999em;}
.ipad-product .img-wrap img, .ipad-product .img-wrap a:hover img, .ipad-product ul.clearfix img, .ipad-product ul.clearfix a:hover img  { border:none;}
.ipad-product .tac { height:49px; text-align:center;}
.ipad-product .tac a { display:inline-block; width:154px; height:49px; background:url(../images/ipad-btn-appstore.png) no-repeat;}
.ipad-product .tac a span { display:none;}
.ipad-product ul { font-size:16px; line-height:19px; text-align:center;}
.ipad-product li { display:inline; float:left;}
.ipad-product li .caption { display:block; margin-top:10px;}


/* =ipad-gq */
.ipad-gq { width:300px; margin-bottom:15px; margin-top:15px;}
.ipad-gq div { padding-bottom:21px; border:solid 1px #dae0e1;}
.ipad-gq h2 { height:52px; border:solid 1px #999; background:url(../images/ipad-gq-bias.png);}
.ipad-gq h2 span { display:block; width:194px; height:100%; text-indent:-999em; background:url(../images/ipad-gq-title.png) no-repeat;}
.ipad-gq .img-wrap { padding:69px 0 31px 49px;  background:url(../images/ipad-gq.png) no-repeat 34px 53px; }
.ipad-gq .img-wrap span { right:0; top:0; width:114px; height:114px; background:url(../images/ipad-gq-deco.png) no-repeat;}
.ipad-gq .more-products { height:31px; margin:26px 12px 0; padding-left:4px; font-size:14px; line-height:31px; background:url(../images/ipad-gq-more-deco.png) left bottom repeat-x;}
.ipad-gq ul { margin-top:20px; padding-left:12px;}
.ipad-gq li { width:5em; margin-left:36px; margin-right:11px;}



.mediapic{ width: 240px; margin: 0 auto;}
.mediapic p{ margin: 10px 0; text-align: center;}