/**
* author: dss
* date: 2017-3-3
**/
h1 { font-weight: 100; }
i { font-style: normal; }
img { vertical-align: top; }
.hide { display: none; }
.myhead,.container { background-color: #1d1d1a; }
.myhead { height: 87px; border-bottom: 1px solid #2a2a28; }
.mylogo { float: left; width: 158px; height: 49px; background: url(http://www.xbiao.com/images/pc/information/logo_white.png); margin-top: 28px;  }
.meter-tit { float: left; width: 120px;height: 29px; background: url(../../../images/static/basel2017/meter_tit.png); margin-top: 40px; }
.breadcrumbs,.breadcrumbs a { color: #c9c9c9; }
.breadcrumbs a:hover { opacity: .8; filter: alpha(opacity=80);}
.breadcrumbs { float: left; margin: 50px 0 0 33px; }
.basel-word{float: right; width: 168px; height: 62px; background: url(../../../images/static/basel2017/basel-word.png) no-repeat bottom left;}
.container { border-top: 1px solid #000; padding-bottom: 60px; }
.tit-h1 { position: relative; }
.tit-h1 h1{ width: 920px; text-align: center; font-size: 24px; color: #fff; margin: 20px auto 0;}
.tit-h1 em { position: absolute; right: 0; top: 0; color: #959595; font-size: 18px;}
.tit-h1 em i { font-size: 24px; font-style: normal; }
.ctrl {color: #c9c9c9; margin-top:20px; font-size: 12px; float: left; line-height: 22px;}
.ctrl a { display: inline-block; background-image: url(http://www.xbiao.com/images/pc/information/ico_meter.png); background-repeat: no-repeat; padding-left:17px; height: 14px; line-height: 14px;  color: #c9c9c9;}
.ctrl span { display: inline-block; width: 1px; height: 14px; margin:0 15px; background:#7e7e7e;font-size: 14px; overflow: hidden; vertical-align: middle;}
.ctrl a:hover { opacity:.5;filter:alpha(opacity=50); }
.ctrl b { margin:0 5px;}
.brandtag { float: left; margin: 20px 0 0 330px; font-size: 12px; color: #c9c9c9; line-height: 22px; }
.brandtag em {display: block; color: #7e7e7d; background: url(../../../images/static/basel2017/icon-tag.png) no-repeat 0 50%; text-indent: 18px;}
.share { position: relative; float: right; margin-top:20px; }
.i-play { background-position: 0 -2px; }
.i-stop { background-position: 0 -46px; }
.i-download { background-position: 0 -85px;}
.i-viewpic { background-position: 0 -131px;}
.wrapShare{ position: absolute; right:0; top:0; height:22px; line-height: 22px; overflow:hidden; width:151px;}
.bds_txt { float: left; font-size: 12px;color: #c9c9c9; margin-right: 10px;}
.bdshare_t { vertical-align:middle;}
.bdshare_t .bds_tsina,.bdshare_t .bds_qzone,.bdshare_t .bds_tqq,.bdshare_t .bds_weixin,.bdshare_t .bds_qq{ background:url(http://www.xbiao.com/images/pc/information/share_icons.png) no-repeat!important; width:16px;height: 16px; padding-left: 0; margin:3px 0 0 5px;}
.bdshare_t .bds_qq{ display: inline-block; height:16px!important;}
.bdshare_t .bds_tsina,.bdshare_t .bds_tsina:hover { background-position:-78px 0!important ;}
.bdshare_t .bds_qzone,.bdshare_t .bds_qzone:hover { background-position:-26px 0!important ;}
.bdshare_t .bds_qq,.bdshare_t .bds_qq:hover { background-position:-52px 0!important ;}
.bdshare_t .bds_tqq,.bdshare_t .bds_tqq:hover { background-position:0 0!important ;}
.bdshare_t .bds_weixin,.bdshare_t .bds_weixin:hover { background-position:-104px 0!important ;}
/*大图*/
.player-box { margin-top: 10px; width: 100%; float: left; }
.bigpicbox { width: 1000px;margin:auto;}
.bigpicbox img { width: 1000px; }
.loading-pic { display:inline-block; width:37px; height:37px; background:url(http://www.xbiao.com/images/static/hkwatch/bigloading.gif); position:absolute; left:50%; top:50%; margin:-18px 0 0 -18px; }
.smallpic-wrap { height: 138px; width: 998px; margin:15px auto 0; overflow: hidden; }

.p-prev,.p-next { position: absolute; width: 50%; height: 100%; top: 0; background: url(http://www.xbiao.com/images/opacity.gif); }
.p-prev i{ position: absolute;  left: -50px; transition: left .3s ; top: 50%; margin-top: -25px; display: block; width: 50px; height: 60px; background: url(http://www.xbiao.com/images/pc/information/arrow.png) no-repeat 0 0;}
.p-prev { left: 0; display: none; }
.p-next {right: 0;}
.p-next i{ position: absolute; right: -50px; transition: right .3s ; top: 50%; margin-top: -25px; display: block; width: 50px; height: 60px; background: url(http://www.xbiao.com/images/pc/information/arrow.png) no-repeat -50px 0;}
.laypiccont { overflow: hidden; }
.laypiccont:hover .p-prev i{ left: 0; }
.laypiccont:hover .p-next i{ right: 0; }
/*文字介绍*/
.pic-infor { width: 100%; margin: 15px auto 0; position: relative; min-height: 88px;float: left; } 
.pic-infor-box{ padding-left: 130px; border: 1px solid #000; width: 868px; position: absolute; left:50%; margin-left: -500px; bottom: 0; }
.pic-infor-box b { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #111; opacity: .5;filter:alpha(opacity=50); }
.pic-infor-box em { position: absolute; left: 0; top: 50%; text-align: center; width: 130px; color: #868685; font-size: 28px; height: 64px; margin-top: -32px; font-family: arial; }
.pic-infor-box em i { font-size: 40px; color: #b7b7b7; }
.pic-title {margin:18px 0; padding: 0 20px; height: 52px; min-height: 52px!important; overflow: hidden; color: #fffefe; font-size: 16px; line-height: 26px; opacity: .7; filter:alpha(opacity=70); }
/*小图*/
.smallpic-box {height: 127px; width: 948px; margin:0 auto; border: 1px solid #1d1d1a; }
.smallpic-clip { height: 109px; overflow: hidden; margin:16px 21px 0; }
.smallpic-scroll { position: absolute; left: 0; top: 0; }
.smallpic-scroll li{position: relative; width: 98px;height: 98px; padding-top: 9px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; margin:0 6px; overflow: hidden; float: left;  }
/*.smallpic-scroll li.active { border-color: #9a634b; }*/
.smallpic-scroll li.active i{ position: absolute; left: 0px; top: 0px; width: 102px; height: 109px; background: url(../../../images/static/basel2017/active.png) no-repeat 0 0;  }
.smallpic-scroll img{ width: 98px; height: 98px; vertical-align: top; }

.prevpics,.nextpics {top: 0;  width: 156px; height: 136px; background: url(http://www.xbiao.com/images/pc/information//blumbg.jpg); }
.prevpics {left:10px; }
.nextpics {right:10px;}
.prevpics:hover,.nextpics:hover { opacity: .5; filter: alpha(opacity=50);}
.prevpics p,.nextpics p { overflow: hidden;height: 130px; }
.prevpics img,.nextpics img { opacity: .5; filter: alpha(opacity=50);width: 146px;border: 2px solid #2e2e2e; margin-top: -45px;}
.prevpics span,.nextpics span { position: absolute; width: 100%; top: 0; left: 0; line-height: 126px; text-align: center; color: #fff; font-size: 16px;  }
.box-h { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background:url(http://www.xbiao.com/images/opacity.gif); }
.s-prev ,.s-next { position: absolute; width: 30px; height: 95px; background-color: #1d1d1a;}
.s-prev { top: 17px; left: -20px; }
.s-next { top: 17px; right: -20px;}
.s-prev a,.s-next a{ background:url(http://www.xbiao.com/images/pc/information/prevnext_meter.png) no-repeat; display: block; width: 100%;height: 100%; }
.s-prev a{ background-position: -6px 22px;}
.s-next a{ background-position: 0px -70px;}
.s-prev a:hover,.s-next a:hover { opacity: .5; filter: alpha(opacity=50); }
/*弹层*/
.picLayer { width: 998px; height:748px; margin-top: 70px; background-color: #111111;  border: 1px solid #000; }
.tip { font-size: 14px; color: #c9c9c9; position: absolute; top: 120px; left: 140px; }
.repeat { color:#c9c9c9; padding-left: 25px; background:url(http://www.xbiao.com/images/pc/information/ico_meter.png) 0 -174px no-repeat; margin-left: 20px; }
.repeat:hover { opacity: .5; filter: alpha(opacity=50); color:#c9c9c9;}
.otherpic { margin-top:150px;}
.otherpic-clip { width: 720px; height: 490px; margin: 0 auto; overflow: hidden; }
.otherpic-scroll { position: absolute; left: 0; top: 0; width: 800px;}
.otherpic-scroll ul{ float: left; width: 800px; }
.otherpic-scroll li{ float: left; margin-right:74px; color: #c9c9c9; width: 320px;overflow: hidden; }
.otherpic-scroll li.atlas{ width: 326px;height: 406px; background: url(http://www.xbiao.com/images/pc/information/atlas.png); position: relative; }
.otherpic-scroll b { position: absolute; bottom: 7px; left: 1px; width: 318px; height: 74px; font-weight: 100;}
.otherpic-scroll b i{ position: absolute; width: 100%; height: 100%; background-color: #111; opacity: .5; filter: alpha(opacity=50); }
.otherpic-img { display: block; width: 318px; height: 398px; border: 1px solid #e5e5e5; overflow: hidden;}
.otherpic-scroll em ,.otherpic-scroll span { position: relative; z-index: 3; display: block;overflow: hidden; padding-left: 15px;}
.otherpic-scroll em {height: 30px; line-height: 30px; font-size: 22px; margin-top: 8px; }
.otherpic-scroll b a { color: #fff; }
.otherpic-scroll span { height: 24px; line-height: 24px; font-size: 16px;}
.o-prev,.o-next { position: absolute; top: 40%; width: 70px; height: 90px; }
.o-prev:hover,.o-next:hover { opacity: .5; filter:alpha(opacity=50); }
.o-prev i,.o-next i{ display: block; width: 26px; height: 50px; background:url(http://www.xbiao.com/images/pc/information/prevnext_meter.png) no-repeat; margin:0 auto; }
.o-prev {left: 50px; }
.o-next {right: 50px; }
.o-prev i{ background-position:-5px -188px; left: 50px; }
.o-next i{ background-position:-5px -268px; right: 50px; }
.o-prev span,.o-next span { color: #c9c9c9; margin-top: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; display: block; }
/*评论*/
.commarea{ background-color: #111; border:1px solid #000; width: 998px; margin:30px auto 0; }
.commareatit {padding:30px 20px 0;}
.commareatit h4 { background: url(http://www.xbiao.com/images/pc/information/icocomm.png) 0 0 no-repeat; font-size: 18px; color: #fff; padding-left: 33px; font-weight: 100; }
.commareatit em,.commareatit em a { color: #fff; font-size: 14px; }
.commareatit em span{ margin-left: 15px; color: #ccc; }
.commareatit em { text-align: right; line-height: 22px; opacity: .8; }
.commareatit i.userloginname { color: #b07942; margin-right: 15px; }
.sina-login,.qq-login,.wx-login { padding-left: 23px; background-image: url(http://www.xbiao.com/images/pc/information/login3ico.png); background-repeat: no-repeat; margin-left: 15px; }
.qq-login { background-position: 0 2px; }
.sina-login { background-position: 0 -43px; }
.wx-login { background-position: 0 -90px; }
.cWriteLogin .left { display: none; }
.cWriteboxIslogin { float: right; }
.cWriteboxIslogin .orange a { color: #b07942; }
.cWriteboxIslogin .gray a { color: #fff; margin-left: 15px; }
.cWriteing { margin: 20px 20px 0; }
.cWriteing dt{ width:65px; float:left; margin-left:-85px; display:inline;_zoom:1; padding-right:10px;}
.cWriteing dt img {  border-radius:50%; width: 65px; height: 65px;}
.cWriteing dt span { display:block; margin-top:5px;}
.cWriteing dt a:hover { color:#fff;}
.cWriteing dl { padding-left:85px;}
.cWriteing dd { float:left; width:100%;}
.cWriteing dd textarea { line-height:22px;}
.cWriteing dd .comment_area .pos_abs { width:97%; left:10px; top:10px; color:#999; cursor:text; line-height:22px; font-size:14px;}
.commSubmit ,.commSubmit:hover { border: 1px solid #c9c9c9; background-color: #f9f9f9; width:98px; height:33px; line-height: 32px; display:inline-block; cursor:default; color: #a0a0a0; font-size:16px; text-align: center; border-radius: 3px;}
.commSubmiting { cursor:pointer; color: #626262;}
.commSubmiting:hover { background-color:#773b09; border-color:#773b09;cursor:pointer; color: #fff;}
.cWriteing .counting { height:30px; line-height:30px; text-align:right; color:#999;}
.cWriteing .counting em { font-size:14px; font-family:Verdana;}
.comment_area_center { background:#fff; overflow:hidden; padding:5px; border: 1px solid #bbbbbb; border-radius: 5px; box-shadow:0 1px 1px 0 #dbdbdb inset;}
.comment_area_center textarea {width:100%;_width:99%; line-height:18px;border:none; background:none;resize:none; outline:none; overflow:hidden;_zoom:1;}

.commentListWrap { margin: 20px; }
#commList { border-top: 1px solid #494949; overflow: hidden;}
#commList dl.watch_comment { display:block; }
.commListTit { display: none; }
.watch_comment { padding:30px 0 20px 0px;overflow:hidden;_zoom:1; border-top: 1px dashed #494949; margin-top: -1px; display:none; }
.watch_comment dt { padding-top:3px; margin-right: 20px;}
.watch_comment dt img{ float:left; border-radius:50%; width: 65px; height: 65px;}
.watch_comment .dd{ margin-left:85px;}
.userName { line-height:22px; overflow:hidden; font-size:13px; padding-bottom: 5px; }
.userName a {color:#fff;}
.watch_comment .comm_cont {font-size:14px;line-height:24px; color:#fff; vertical-align: top; }
.comm_cont p{ display: inline; }

.time_comment { padding-top:10px; height:22px; line-height:22px;margin-left:85px;}
.time_comment .time { color: #959595; font-size:14px; }
.rt,.pl { padding:0 10px 0 5px; display:inline-block; height:20px; line-height:20px; min-width: 35px;}
.time_comment a { margin-left:10px; color:#fff;}
.time_comment a:hover { color:#960; border-color: #773b09;}
.time_comment a .toptop ,.time_comment a .comment{ background:url(http://www.xbiao.com/images/pc/pub/ico_comm2016_blank.png) no-repeat; display: inline-block; vertical-align: top; margin-right: 8px; margin-top:2px;width:17px; height:16px;}
.time_comment a .toptop { background-position:0 -27px; }
.time_comment a:hover .toptop { background-position:0 0; }
.time_comment a.act .toptop { background-position:-32px 0; }
.time_comment a .comment{ background-position:-62px -29px;}

.mycomment { padding:0 0 15px;position:relative; margin-top:20px; border:1px solid #494949;}
.mycomment .inputarea_comm { width:745px; height:20px; line-height:20px; padding:5px; border:none;resize:none; overflow:hidden; font-family:Verdana, Geneva, sans-serif;}
.replylist li{ padding:15px 10px 10px; border-bottom:1px dotted #494949;}
.replylist li .left img { width: 37px; height: 37px; display:block; border-radius:50%;}

.replysay {float:right; width: 800px;}
.replysay_cont {line-height:24px; font-size:14px; line-height: 24px; margin-top:-3px; color:#fff; margin-bottom: 5px;}
.replysay_cont a{ color: #fff; }
.replysay_time { font-size: 14px; color: #959595; }
.replysay a.hf{color:#9a634b; font-size: 12px;}
.replysay .hf img{ width: 17px; height: 16px; background:url(http://www.xbiao.com/images/pc/pub/ico_comm2016_blank.png) no-repeat; display: inline-block;background-position:-62px -29px; vertical-align: middle; margin-right: 5px;}
.replysay .gray { color: #959595; }
.toparrow_r{}
.toparrow_r  em { display:block; position:absolute; top:-12px;height:12px; right:20px; _right:80px;color:#494949; font-family:"SimSun"; font-size:24px; overflow:hidden; line-height: 24px;}
.toparrow_r  b { display:block; position:absolute; top:-11px;height:12px; right:20px; _right:80px;color:#111; font-family:"SimSun"; font-size:24px; overflow:hidden; font-weight:100;line-height: 24px;}

.inputarea_label { position:absolute; left:5px; font-size: 14px; top:1px; height:30px; line-height:30px; display:inline-block; cursor:text; color:#c9c9c9;}
.comm_ctrl { display:none; margin-top:8px;}
.inputareabox_act .comm_ctrl{ display:block;padding-right: 10px;}
.inputareabox_act .inputarea_label { display:none;}
.mycomment .inputareabox_act .inputarea_comm { height:80px; outline:none;}
.btn_submitbox { padding:0 10px 25px; background:url(http://www.xbiao.com/images/dot/line_btm.png) repeat-x bottom;}
.btn_submitcomm ,.btn_submitcomm:hover { display:inline-block; padding: 0 20px; height:26px; line-height:26px; text-align:center; background:#fff; border:1px solid #c9c9c9; color:#626262; cursor:pointer; margin-left:6px; font-weight:700; border-radius: 2px; font-size: 14px;}
.btn_submitcomm:hover { background:#773b09; color:#fff; border-color:#773b09;}
.btn_reset ,.btn_reset:hover { display:inline-block;padding: 0 20px; height:26px; line-height:26px; text-align:center; background:#fff; border:1px solid #c9c9c9; color:#a0a0a0; margin-left:6px;border-radius: 2px;font-size: 14px;}

.replytoo { position:relative; background:#fff; border:1px solid #dbdbdb; padding:10px;}
.toparrow_yel  em { display:block; position:absolute; top:-12px;height:12px; right:5px; color:#dbdbdb; font-family:"SimSun"; font-size:24px; overflow:hidden;}
.toparrow_yel  b { display:block; position:absolute; top:-11px;height:12px; right:5px; color:#fff; font-family:"SimSun"; font-size:24px; overflow:hidden; font-weight:100;}
.replytoo textarea { width:430px; height:20px; border:1px solid #dbdbdb; padding:5px 3px 1px; margin-top:5px; resize:none; overflow:hidden; font-family:Verdana, Geneva, sans-serif; outline:none;}
.watch_comment .more { padding:15px 0 15px 40px; margin-left:0px; font-weight:700; border-bottom:1px dotted #cecece;}
.rply { vertical-align:top; height:30px; line-height:30px; display:inline-block; font-weight:700; color: #fff;}
.commtotal { margin-left:35px; color: #fff;}
.inputareabox { margin-top:15px; padding-left: 60px;}
.inputareabox em.pos_rel { display:inline-block;}

.more_comments { height: 43px; border: 1px solid #dcdcdc; }
.more_comments a { display: block; line-height: 43px; text-align: center; color: #a0a0a0; font-size: 14px; }

.more_comments{ display: none; }
.morecommwrap { display:none; text-align: center; margin-bottom: 45px; height: 43px; overflow: hidden; }
.morecommbtn{ display: inline-block; width: 598px; height: 41px; line-height: 41px; color: #fff; font-size: 14px; text-align: center; border: 1px solid #a2a2a1; }
a.morecommbtn:hover{ color: #fff; opacity: .8; filter: alpha(opacity=80); }

.footer { background-color: #1d1d1a; width: 100%; margin-top: 0;color: #999; }
.footer a { color: #999; }
.footline{ background:none;  }
.float-go-share{ display: none; }