@charset "utf-8";
body{ overflow-x:hidden;}
.header_tkp{ display:none;}
.nav_tkp{width:100%;}
.article_path{ background:#f9f9f9;}
.article_path .path{ width:1200px; height:auto; line-height:40px; font-size:14px; color:#666; margin:0 auto;}
.article_path .path a{ color:#666;}
.wrapper{ width:1200px; height:auto; margin:30px auto 20px;}

/*左侧*/
.tkp_con_left{ width:100%; height:auto; float:left;}
.tkp_con_title{ font-size:36px; color:#000; letter-spacing:0.1em; margin-bottom:20px;}
.tkp_con_author{ font-size:14px; color:#000;}
.tkp_con_date{ padding-left:20px; background:url(../images/layout.png) -287px -197px no-repeat; font-size:14px; color:#000;}
.tkp_share_info{ width:100%; height:auto; margin:30px 0 0;}
.tkp_con_share{ float:left;}
.tkp_con_share a{width:41px; height:41px; display:inline-block; background:url(../images/layout.png) no-repeat; margin-right:10px; float:left;}
.tkp_con_share .share_facebook{ background-position:-50px 0;}
.tkp_con_share .share_twitter{ background-position:-100px 0;}
.tkp_con_share .share_google{ background-position:-150px 0;}
.tkp_con_next{ line-height:40px; font-size:16px; color:#666; float:right;}
.tkp_con_next a{ color:#666;}

/*图集*/
.tuji_wrap{ width:100%; height:auto; background:#010101; position:relative;}
.btn_tuji{width:1100px;margin:0 auto;position:relative;z-index:999;}
.btn_tuji a{ width:40px; height:70px; display:block; position:absolute; top:275px; z-index:9999; background:url(../images/layout.png) 0 -60px no-repeat; cursor:pointer; -webkit-transition:all 0s ease-in-out 0s; -moz-transition:all 0s ease-in-out 0s; -o-transition:all 0s ease-in-out 0s; -ms-transition:all 0s ease-in-out 0s;transition:all 0s ease-in-out 0s;}
.btn_tuji a.arrow_left{ left:-60px;}
.btn_tuji a.arrow_left:hover{background-position:-100px -60px;}
.btn_tuji a.arrow_right{right:-60px; background-position:-50px -60px;}
.btn_tuji a.arrow_right:hover{background-position:-150px -60px;}
.tuji_main{ width:100%; position:relative; z-index:99;}
.tuji_left{width:50%; height:620px; position:absolute; left:0; z-index:99; -moz-opacity:0; opacity:0; filter:alpha(opacity=0); background:#000;}
.tuji_right{width:50%; height:620px; position:absolute; right:0; z-index:99; -moz-opacity:0;opacity:0; filter:alpha(opacity=0); background:#000;}
.main_pic{width:1100px;height:620px; line-height:560px; border-left:5px solid #ccc; border-right:5px solid #ccc; text-align:center; overflow:hidden; margin:0 auto;}
.main_pic img{ max-width:100%; max-height:100%; border:none;}
.temp_left{ width:1100px; height:620px; line-height:620px; text-align:right; background:url(http://r.takungpao.cn/t/photo/images/start.png) right center no-repeat; overflow:hidden; position:absolute; top:0; right:50%; margin-right:555px; -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50);}
.temp_right{ width:1100px; height:620px; line-height:620px; text-align:left; background:url(http://r.takungpao.cn/t/photo/images/end.png) left center no-repeat; overflow:hidden; position:absolute; top:0; left:50%; margin-left:555px; -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50);}
.temp_left img,.temp_right img{ max-width:100%; max-height:100%; border:none;}

/*自动播放,查看原图*/
.icons_tuji{ width:1000px; height:40px; line-height:40px; overflow:hidden; color:#666; text-align:right; margin:0 auto; display:none;}
.icons_tuji a{height:40px;line-height:40px; margin-left:15px; display:inline-block; color:#666;}
.icons_tuji a i{ width:15px; height:16px; margin-right:5px; display:inline-block; background:url(../images/ico_pic.png) no-repeat; vertical-align:middle;}
.icons_tuji a.ico01 i.plays{background-position:-17px -25px;}
.icons_tuji a.ico01 i.ins1{background-position:0 -25px;}
.icons_tuji a.ico01 i.ins{background-position:0 0;}
.icons_tuji a.ico01 i{background-position:-17px 0;}
.icons_tuji a.ico02 i{background-position:-17px -49px;}
.icons_tuji a.ico02 i:hover,.pic-r-span a.ico02 i.ins2{background-position:0 -49px;}
.icons_tuji a:hover{color:#fff;}

/*计数,标题*/
.pic_notes{ width:1100px; height:auto; margin:0 auto;}
.pic_notes .number{ width:110px; height:auto; padding-top:10px; float:left;}
.pic_notes .number li{ font-family:arial; float:left;}
.pic_notes .number .view{ width:60px; font-size:56px; color:#d51900; font-style:italic; text-align:right;}
.pic_notes .number .line{ width:42px; height:31px; margin-top:38px; margin-left:-25px; background:url(../images/layout.png) -200px 0 no-repeat;}
.pic_notes .number .count{ padding-top:52px; margin-left:-26px; font-size:28px; color:#878787;}
.pic_notes .pic_title{ padding:40px 30px 40px 110px; line-height:24px; font-size:16px; color:#000;}

/*预览小图*/
.preview_list{ margin:20px 50px 30px;}
.prev_zutu,.next_zutu{ width:0; height:0; float:left; -moz-opacity:0; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.preview_wrap{width:100%; height:90px; position:relative;}
.btn_preview{ width:36px; height:90px; position:absolute; top:0;}
.btn_preview.preview_l{ left:-43px;}
.btn_preview.preview_r{ right:-43px;}
.btn_preview a{ width:100%; height:100%; display:block; background:#b5b5b5 url(../images/layout.png) -204px -45px no-repeat;}
.btn_preview a.btn_preview_right{ background-position:-239px -45px;}
.small_pic{width:100%; height:90px; position:relative; overflow:hidden;}
.preview_pic{width:100000px; height:100%; position:absolute; left:0; top:0;}
.preview_pic li{width:120px; height:84px; line-height:84px; border:3px solid #fff; text-align:center; margin-right:14px; float:left; overflow:hidden; cursor:pointer;}
.preview_pic li.active{border:3px solid #0068b7;}
.preview_pic li img{ width:auto; max-width:100%; height:auto; max-height:100%; display:inline-block; text-align:center; vertical-align:top;}

/*toolbar*/
.sideRight{ position:fixed; right:10px; bottom:240px; z-index:1000; _position:absolute; _bottom:auto; _top:expression(documentElement.scrollTop + 100);}
.sideRight .side_right{ border-top:none;}

/*弹出层*/
.black{ width:100%; height:100%; background:url(../images/bg_black.png) repeat; position:fixed; left:0; top:0; z-index:1000; _position:absolute; display:none;}
.tuji_popup{ width:1100px; height:620px; background:url(../images/bg_black_80.png) repeat; position:absolute; left:50%; top:247px; margin-left:-550px; z-index:9999; display:none;}
.tuji_popup .h3_btns{ height:22px; line-height:22px; padding-bottom:12px; margin:50px 25px 40px; border-bottom:1px solid #444; font-size:16px; color:#fff; text-align:right;}
.tuji_popup .h3_btns a{ color:#fff;}
.tuji_popup .h3_btns .over{ float:left;}
.tuji_popup .h3_btns .line{ margin:0 25px; font-family:arial; color:#444;}
.tuji_popup .h3_btns em{ width:21px; height:21px; display:inline-block; margin-right:10px; background:url(../images/layout.png) no-repeat; vertical-align:middle;}
.tuji_popup .h3_btns em.ico1{ background-position:0 -150px;}
.tuji_popup .h3_btns em.ico2{ background-position:-30px -149px;}
.tuji_popup .h3_btns em.ico3{ background-position:-60px -150px;}
.tuji_popup .review{ width:1000px; height:auto; margin:0 auto;}
.tuji_popup .review h4{ line-height:32px; padding-left:15px; font-size:20px; color:#ebebeb;}
.tuji_popup .review .list{ width:100%; height:auto;}
.tuji_popup .review .list .item{ width:220px; height:165px; margin:15px; display:inline; float:left; position:relative;}
.tuji_popup .review .list .item .pic{ width:100%; height:100%;}
.tuji_popup .review .list .item .notes{ width:200px; height:40px; padding:5px 10px; line-height:20px; background:url(../images/bg_black.png) repeat; font-size:14px; color:#fff; position:absolute; left:0; bottom:0; overflow:hidden;}
.tuji_popup .review .list .item .notes .ico{ width:16px; height:12px; background:url(../images/layout.png) -90px -150px no-repeat; position:absolute; right:10px; bottom:8px;}

@media screen and (max-width:1280px){
.sideRight{ left:auto; margin-left:0; right:10px;}
}

@media screen and (max-width:1024px){
.wrapper{width:1000px;}
.article_path .path{width:1000px;}
.tkp_con_left{width:700px;}
}

@media screen and (max-width:768px){
.wrapper{width:720px;}
.nav_tkp .nav_btns{display:none;}
.article_path .path{width:720px;}
.tkp_con_left{width:100%;}
.sideRight{ display:none;}
}

@media screen and (max-width:767px){
body{ height:100%; background:#000; overflow:hidden;}
.header_tkp{ width:100%; display:block; padding-bottom:5px; border-bottom:0px solid #494949; position:absolute; left:0; top:0; z-index:100;}
.header_tkp .logo_wrap{ display:none;}
.header_tkp .product{}
.nav_tkp_wrap, .article_path{ display:none;}
.wrapper{ width:auto; margin:15px 10px 0; display:none;}
.tkp_con_title{ line-height:1.5em; font-size:22px;}
.tkp_share_info{ margin:-35px 0 20px;}
.tkp_con_share{ float:right;}
.tkp_con_share a{ margin-right:8px;}
.tkp_con_share .share_google{ margin-right:0;}
.preview_list,.copyright{ display:none;}
.tuji_wrap{ height:100%; position:fixed; left:0; top:0; z-index:9;}
.btn_tuji{ width:100%; height:100%; position:absolute; z-index:90; display:none;}
.btn_tuji a{ top:50%; margin-top:-35px;}
.btn_tuji a.arrow_left{ left:10px;}
.btn_tuji a.arrow_right{ right:10px;}
.temp_left,.temp_right{ display:none;}
.tuji_main{ height:100%; position:absolute; left:0; top:0;}
.main_pic{ width:100%; height:100%; border:none;}
.pic_notes{ width:100%; height:110px; margin:0; position:fixed; left:0; bottom:10px; z-index:10; background:url(../images/bg_black.png) repeat; -webkit-overflow-scrolling:touch; overflow-y:scroll;}
.pic_notes .number{ width:80px; height:70px; padding-top:0;}
.pic_notes .number .view{ width:45px; font-size:36px;}
.pic_notes .number .line{ width:34px; height:29px; margin-top:25px; background:url(../images/layout.png) -150px -150px no-repeat;}
.pic_notes .number .count{ padding-top:36px; margin-left:-18px; font-size:24px;}
.pic_notes .pic_title{ padding:10px 10px 0 80px; color:#fff;}
.tuji_popup{ width:100%; height:100%; left:0; top:0; margin-left:0; position:fixed; background:#000;}
.tuji_popup .h3_btns{ margin:15px 15px 30px; font-size:14px;}
.tuji_popup .h3_btns .line{ margin:0 5px;}
.tuji_popup .h3_btns em{ margin-right:5px;}
.tuji_popup .review{ width:250px;}
.tuji_popup .review .list{ height:400px; overflow:hidden;}
}

@media screen and (max-width:320px){
.tuji_popup .h3_btns{ margin:15px 15px 15px; font-size:12px;}
.tuji_popup .review h4{ line-height:24px; font-size:18px;}
}