/******************************************
* 大公网组图浏览-高清大图随心所欲
* ----------------------
* 作者：文杰
* 时间：2014-8-27
* 准则：NEC
* 联系：QQ1662484899
* 创意源于生活，代码如诗从你我开始
* OOCSS虽好，需培养，需规范，需慢慢品尝
********************************************/
@charset "utf-8";
a{-webkit-transition:all 0s ease-in-out 0s;-o-transition:all 0s ease-in-out 0s;-moz-transition:all 0s ease-in-out 0s;-ms-transition:all 0s ease-in-out 0s;transition:all 0s ease-in-out 0s;}
.tkp_navImgWrap{height: 25px;padding: 7px 0 10px 0;border-bottom:1px solid #ddd;position:relative;}
.tkp_navImgBox{top:0;width:100%;min-width:1000px;height:25px;font-family:"宋体";line-height:28px;text-align:center;}
.tkp_navImgBox .navBox_l{position:relative;float:left;z-index:20;padding:0 10px 0 0;}
.tkp_navImgBox .logo_img{width: 140px;height:25px;margin:0 25px 0 17px;}
.tkp_navImgBox .logo_img img{width: 140px;height:25px;margin-top: -6px}
.tkp_navImgBox span{color:#d3d3d3;margin:0 5px;}
.tkp_navImgBox ul,.tkp_navImgBox li{float: left}
.tkp_navImgBox .ul_app{margin-right:20px}
.tkp_navImgBox li.i_app a{display: inline-block;background:url('../images/haedFoot/icon_sprite.png') no-repeat;background-position:-85px -92px;padding-left:20px;}
.tkp_navImgBox li.i_login a{display: inline-block;background:url('../images/haedFoot/icon_sprite.png') no-repeat;background-position:-85px -114px;padding-left:20px;}
.tkp_navImgBox a:hover{color:#666;text-decoration: underline;}
/*图片*/
.wrap{position:relative;padding:20px 0 0 0}
.content h1{ font:26px/28px "微软雅黑";padding-top: 5px}
.content_info{font:12px/14px "宋体";height:14px;margin:15px 0 25px 0;color:#999;}
.content_info li{float: left;margin-left: 30px}
.content_info li a{display: block;padding-left: 22px;color:#999;}
.content_info li a:hover{color:#c00;}
a.a_em{background:url('../images/haedFoot/icon_sprite.png') no-repeat;}
a.a_comment{background-position: -85px -142px;}
a.a_silde{background-position: -85px -161px;}
a.a_original{background-position: -85px -178px;}
a.a_imgCenter{background-position: -85px -217px;}
.content_info .a_share{margin-top: 2px;}
.content_info li a.link_share{padding-left: 4px;}
.content .photo{width:100%;text-align:center;margin-bottom:30px;position:relative;}
.imgBg{width:50%;height:400px;background:url('http://static.takungpao.com/images/imgOpacity.gif') repeat;cursor:pointer;position:absolute;top:0;z-index:11}
.imgBgL{left:0}.imgBgR{right:0}
.imgBg .imgBgCt{width:100%;height:100%;_background:none;opacity:1;filter:alpha(opacity=100);position:absolute;top:0;left:0}
.imgBg a{display:none;width:83px;height:81px;margin-top:40%;position:relative;z-index:99999;background:url('../images/haedFoot/i_btn_sprite.png') no-repeat;}
.imgBgL a{background-position:0 0;float:left;margin-left:-40px}
.imgBgR a{background-position:-245px 0;float:right;margin-right:-40px}
.imgBgL a:hover{background-position:-82px 0;}
.imgBgR a:hover{background-position:-163px 0;}
.conTxtZyao{color:#333;font:18px/28px "微软雅黑";padding:0 0 30px 5px;}
.conTxtZyao span{margin-right: 10px;font-family: Arial;font-size: 26px;font-style:italic;}.conTxtZyao em{color:#c00;font-style:italic;}
.conTxtZyao .info_txt{width:919px;margin-top: -5px}
/*正在加载效果*/
.loading{background:url(http://static.takungpao.com/images/haedFoot/loading.gif) no-repeat center center;height:auto!important;height:300px;min-height:300px;}
/** 拖拽滚动小图 **/
.mainTuji{position:relative;width:100%;height:160px;background-color:#eee;margin-bottom: 40px}
.tuji{position:relative;width:200px;height:160px;background-color: #f6f6f6}
.tujiL{float:left;margin-right: -200px}
.tujiR{float:right;margin-left:-200px;}
.tuji_pos{position: relative;width:140px;height:100px;margin: 30px;}
.tuji_pos img{display:block;width:140px;height:100px;position: absolute;top:0;left:0;z-index: 88;cursor: pointer;}
.tuji_pos em{display: block; position: absolute;bottom: 0;height:45px;overflow: hidden;}
.tuji_pos em.t_yy{width:140px;background-color:#000;opacity: .7;filter:alpha(opacity=70);left:0;z-index: 98}
.tuji_pos em.t_txt{width: 130px;left:10px;font:12px/22px "宋体";color:#fff;left:10px;z-index: 99}
.tuji_pos a:hover em.t_txt{color:#c00;cursor: pointer;}
.mainPic {width:100%;height:160px;float:left;position: relative;}
.mainPicCon{margin:0 200px 0 200px;}
.mainPicUl {width: 630px; height:110px;margin-top:22px; float:left;  position: relative; overflow: hidden;}
.mainPicUl li{ width:148px; height:108px; margin-right:12px; float:left;overflow:hidden;background:url(http://static.takungpao.com/images/haedFoot/loading.gif) no-repeat center center; }
.mainPicUl li img{width:140px; height:100px;padding: 6px 0 0 4px}
.mainPicUl li.on{background:url('../images/haedFoot/i_mark_on.png') no-repeat;}
.mainPicUl li.on img{width: 130px;height:87px;padding: 12px 0 0 9px;_padding-top:11px;_height:88px}
a.scrollPicBtn{display:block;float:left;width:40px;height:160px;background: url('../images/haedFoot/i_btn_lit_sprite.png') no-repeat;text-indent:-9999px;}
a.scrollPicBtnL{background-position: 0 0}
a.scrollPicBtnL:hover{background-position:-40px 0;background-color: #d0d0d0}
a.scrollPicBtnR{background-position: -80px 0}
a.scrollPicBtnR:hover{background-position:-120px 0;background-color: #d0d0d0}
#content{width:1100px;position: absolute;}
.mainPicLine{width:800px;height:4px;background:url('../images/haedFoot/i_gray_line.png') repeat-x;margin:0 auto;position: relative;top:-3px;clear:both}
.btnLine{width:100px;height:14px;background:url('../images/haedFoot/i_gray_on.png') repeat-x;position: absolute; top:-5px;cursor: pointer;}
/*图片幻灯播放*/
.maskBg,.normalBg{display:none;position:absolute;top:0;left:0;width:100%;height:230%;_height:2500px;z-index:10000;background-color:#000;opacity:1;filter:alpha(opacity=100);}
.normalBg{background-color:#fff}
.maskBody{display:none;position:fixed;z-index:10001;top:20px;left:200px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:0px;}
.maskImgBox{position:relative;width:1020px;}
.maskImgWrap{width:100%;position:relative;margin-bottom:10px;text-align:center;}
.maskImgBg{width:50%;height:400px;cursor:pointer;position:absolute;top:0;}
.maskImgBgL{left:0}.maskImgBgR{right:0}
.maskImgBg .maskImgBgCt{width:100%;height:100%;_background:none;opacity:1;filter:alpha(opacity=100);position:absolute;top:0;left:0}
.maskImgBg a{display:block;width:83px;height:81px;margin:250px 0 0 0;position:relative;background:url('../images/haedFoot/i_btn_sprite.png') no-repeat;}
.maskImgBgL a{background-position:0 0;float:left;margin-left:-40px}
.maskImgBgR a{background-position:-245px 0;float:right;margin-right:-40px}
.maskImgBgL a:hover{background-position:-82px 0;}
.maskImgBgR a:hover{background-position:-163px 0;}
#mask_img{border:10px solid #fff;overflow:hidden;}
.mask_close{display:block;width:32px;height:32px;background-color:#000;text-align:center;font:24px/32px Arial;color:#999;position:absolute;top:0px;right:-33px}
.mask_close:hover{background-color:#003055;color:#999;}
.maskTxt{font:18px/28px "微软雅黑";padding:0 0 30px 5px;color:#fff}
.maskTxt span{margin-right: 10px;font-family: Arial;font-size: 26px;font-style:italic;}
.maskTxt em{color:#c00;font-style:italic;}
.maskTxt .info_txt{width:935px}
.imgAd{display:none;width:823px;height:458px;padding:31px 92px 38px 84px;background:#fff;border:1px solid #ddd;position:absolute;left:50%;top:50%;margin-left:-500px;margin-top:-265px;z-index:20000;}
.adInfo{font:12px/15px "宋体";color:#999;height:17px;margin-bottom:15px}
.adCon_l{width:400px;height:400px;overflow:hidden;padding-right:65px;padding-top:5px;border-right:1px dotted #ddd;}
.adCon_l {width: 300px;height: 250px;overflow: hidden;border-right: 1px dotted #DDD;padding: 80px 115px 75px 50px;}
.adCon_l img{display:block;width:400px;height:400px;overflow:hidden;}
.adCon_r{width:300px;height:428px;overflow:hidden;}
.adCon_ctr{font:12px/14px "宋体";height:14px;color:#999;}
.adCon_ctr li{float:left;margin-left:40px;_margin-left:30px}
.adCon_ctr li a{display:block;padding-left:22px;color:#999;}
.adCon_ctr .a_share{margin-top:2px;}
.adCon_ctr li a.link_share{padding-left:4px;}
.adCon_do{width:300px;height:45px;margin:25px 0;overflow:hidden;}
.adCon_do a{width:138px;height:43px;font:16px/43px "微软雅黑";border:1px solid #ccc;border-radius:5px;color:#999;}
.adCon_do a em{display:block;float:left;background:url('../images/haedFoot/i_img_sprite.png') no-repeat;width:22px;height:22px;margin:11px 10px 0 15px;_margin-left:10px;}
.adCon_do a em.ad_do_review{background-position:-127px -25px}
.adCon_do a em.ad_do_neview{background-position:-127px -85px}
.adCon_tj{width:300px;_height:320px;overflow:hidden;_overflow:visible;_margin-top:-10px;}
.adCon_tj_tle{font:bold 14px/22px "宋体";color:#666;height:22px;margin-bottom:15px}
.adCon_tj ul{width:110%;_width:100%;}
.adCon_tj li{float:left;margin-right:20px;_margin-right:10px;width:140px;height:140px;font:14px/20px "微软雅黑";overflow:hidden;}
.adCon_tj li img{display:block;width:140px;height:95px;overflow:hidden}
.adCon_tj a.tj_txt{display:block;margin-top:5px;color:#333}
.adCon_close{background:url('../images/haedFoot/i_img_sprite.png') no-repeat;background-position:-38px -150px;width:97px;height:47px;font:20px/56px Arial;padding-left:15px;position:absolute;bottom:-2px;right:-11px;}
.adCon_close a{color:#fff}.adCon_close a:hover,.adCon_do a:hover,.adCon_ctr li a:hover,.adCon_tj a.tj_txt:hover{color:#c00}
/*关灯效果*/    
.tpk_photo_black .tpk_img_wrap,.tpk_photo_black .normalBg,.tpk_photo_black .maskBg{background-color: #171717}
.tpk_photo_black .wrap,.tpk_photo_black .maskBody{background-color:#000}
.tpk_photo_black .content h1,.tpk_photo_black .conTxtZyao{color:#fff}                                                                                                       
.tpk_photo_black #mask_img{border-color:#000}
.tpk_photo_gray .tpk_img_wrap,.tpk_photo_gray .normalBg,.tpk_photo_gray .maskBg{background-color: #f1f1f1}
.tpk_photo_gray .wrap,.tpk_photo_gray .maskBody{background-color:#fff}
.tpk_photo_gray .content h1,.tpk_photo_gray .conTxtZyao{color:#000}
.tpk_photo_gray #mask_img{border-color:#fff}

