@charset "utf-8";
/*======
 格式化样式
 ======*/
body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video {
	margin: 0;
	padding: 0;
}
article, aside, footer, header, hgroup, nav, section, audio, canvas, video, img {
	display: block;
}
/*  1. 修正移动设备调整屏幕方向时，字体缩放问题
 2. 去除点击元素后高亮背景*/
html {
	height: 100%;
}
body {
	height: 100%;
	font-family: Helvetica, STHeiti, Droid Sans Fallback;
	color: #4c4c4c;
	-webkit-text-size-adjust: 100%; /* 1 */
	-ms-text-size-adjust: 100%; /* 1 */
	-webkit-tap-highlight-color: rgba(0,0,0,0);/* 2 */
	/*    -webkit-user-select:none;
	 -moz-user-focus:none;
	 -moz-user-select:none;*/
}
/* 禁止文本域缩放*/
textarea {
	resize: none;
}
iframe, img {
	border: 0;
}
ul, ol ,li{
	list-style: none;
}
/*  去除表单元素焦点样式
 1. 解决某些移动设备下焦点样式无法去除的问题*/
input, select, textarea {
	outline: 0;
	-webkit-user-modify: read-write-plaintext-only;/* 1*/
}
/* 去除ios4x及以下版本中input的默认阴影*/
a {
	text-decoration: none;
}
/*login begin*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
#topic_nav{font-family:宋体, STSong;}
}
#site_nav_mblogin{margin-top:4px;}
#site_nav_mblogin a{line-height:24px;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
#site_nav_mblogin{font-family:宋体, STSong;}
}



/*login end*/

/*loading图片*/
.loadingPic{position: relative;z-index: 0;}
.loadingPic img{width: 1920px;height: 1080px;display: block;position: absolute;z-index: 0;top: 50%;left: 50%;margin:-540px 0 0 -960px;}

.iScrollWrap{-webkit-backface-visibility:hidden;}





#globalwrap {
	width: 100%;
	height: 100%;
	background-color:#717e8c;
	position: relative;
	overflow:hidden;
}
#topBox {
	position: absolute;
	left: 0;
	top: 0;
	height: 110px;
	width: 100%;
	z-index: 1000
}
#minnav {
	background-color: #000;
}
#linkbar {
	height: 74px;
	background-color: #659ac9;
	border-bottom: 1px solid #89b1d4;
}
#info {
	float: left;
	margin-left: 50px;
	height: 74px;
	color: #FFF;
	background: url(../images/jz.gif) left top no-repeat;
}

#topLogo{
	float:left;
	width: 104px;
	height:74px;
}
#topTitle{
	float:left;
}

#info h1 {
	font-family: '微软雅黑';
	font-size: 30px;
	font-weight: normal;
	height: 42px;
	line-height: 52px;
	overflow: hidden;
}
#info p {
	font-family: '宋体';
	font-size: 12px;
	line-height: 28px;
}
#info p span {
	margin-right: 20px;
}
#menuBox {
	float: right;
	margin-right: 20px;
	height: 60px;
	padding-top: 20px;
	position: relative;
}



#QR_tipas .weixin_qr{
	float:left;
	width: 110px;
	padding-top: 25px;
	padding-left: 8px
}
#QR_tipas .weixin_qr img{
	width: 100px;
	height:100px;
}

#QR_tipas .weixin_text{
	float:left;
	padding-top: 28px;
	font-size: 12px;
	line-height:24px;
	color: #6a6a6a;
}


.living_menu .textBox {
	overflow: hidden;
	line-height: 46px;
	color: #FFF;
	font-family: '微软雅黑';
	font-size: 20px;
	padding-left: 18px;
}
.living_menu .rightCover {
	position: absolute;
	right: 0;
	background-repeat: no-repeat;
}

#menuLine{
	float: left;
	border-left: 1px solid #afcae3;
	width: 10px;
	height: 30px;
	text-align: center;
	margin: 8px 10px 0 10px;
}





#scrollWrap{
	position: absolute;
	top: 0px;
	bottom:0;
	left:0;
	width:100%;
	/*padding-top:116px;
	padding-bottom:44px;*/
}

#arrLeft,#arrRight{
	position: absolute;
	top:50%;
	width: 73px;
	height:73px;
	display: block;
	z-index: 1000;
	outline: none;
}
#arrLeft{
	background: url(../images/arr_left.png) left top no-repeat;
	left:8px;
}
#arrLeft:hover{
	background: url(../images/arr_left_over.png) left top no-repeat;
}
#arrRight{
	background: url(../images/arr_right.png) left top no-repeat;
	right:8px;
}
#arrRight:hover{
	background: url(../images/arr_right_over.png) left top no-repeat;
}

.tipsAlter{
	position: absolute;
	top:50%;
	left: 45%;
	color:#FFF;
	padding: 0 32px;
	height:52px;
	line-height:52px;
	font-family: '微软雅黑';
	font-size: 18px;
	z-index:1000;
	background: rgba(0,0,0,0.6);
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000") 6;
}

.split{
	float: left; margin-top:100px;
	margin-bottom: 44px;
	margin-right:5px;
	position:static; *position:relative; display:table; *display:block; 
}


#fullScreenMenu{
	position: absolute;
	height: 51px;
	top:16px;
	left:23px;
	overflow: hidden;
	z-index:1000;
	background: url(http://mat1.gtimg.com/news/ninja/live/fs_live_logo.png) left top no-repeat;
	display: none;
}
#fullScreenMenu a{
	display: block;
	float: left;
	width: 48px;
	height:44px;
	line-height:44px;
	overflow: hidden;
	font-family: '微软雅黑';
	font-size: 16px;
	text-indent:-99em;
	color:#FFF;
	text-align:center;
	margin-right: 1px;
}

#fs_logo{
	width: 45px;
}


#fullScreenMenu .fs_images:hover,#fullScreenMenu .fs_video:hover,#fullScreenMenu .fs_download:hover,#fullScreenMenu .fs_text:hover,#fullScreenMenu .fs_donation:hover,#fullScreenMenu .fs_recomm:hover{
	background:none;
	background: rgba(0,0,0,0.6);
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000") 6;
	text-indent:0em;
}


#bottomBox{
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1000;
}

#bottomBox .shareWrap{
	position:relative;
	clear: both;
	width: 85%;
	margin: 0 auto;
	height:40px;
	display:none;
}

#bottomBox .shareBox{
	width: 100%;
}

.shareButton {
	float: right;
	margin: 0 6px;
}

#bottomBox .shareButton{
	height: 26px;
}
#bottomBox .shareButton a{
	float: left;
}
.shareButton .ico{
	width: 32px;
	height: 26px;
}
.shareButton .comm{
	
}
.shareButton .share{
	background: url(../images/share_ico.png) left top no-repeat;
}
.shareButton .text{
	width: 82px;
	height:26px;
	line-height:26px;
	font-family: '微软雅黑';
	font-size: 12px;
	color: #FFF;
	text-align: center;
	background: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#50000000",endColorstr = "#50000000") 5;
}
.shareButton .text:hover{
	background: rgba(0,0,0,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#70000000",endColorstr = "#70000000") 7;
}

#bottomBox .shareLayer {
	position:absolute;
	bottom:40px;
	right:6px;
	width: 94px;
	padding:4px 0 4px 8px;
	border:1px solid #d3d3d3;
	background-color: #FFF;
	line-height: 32px;
	color: #a9a9a9;
	font-size: 12px;
	display: none;
}

#bottomBox .shareLayer p{
	height: 32px;
	background-position: left top;
	background-repeat: no-repeat;
	padding: 5px 0;
	clear: both;
}

#bottomBox .shareButton .sharearr:hover .shareLayer{
	display: block;
}

#thumbBox {
	position: relative;
	background-color:#000;
	overflow: hidden;
	height:70px;
	z-index: 1000;
	display:none;
}

#bottomBox .shareBox .thumbWrap{
	position:relative;
	width:90%;
	height:70px;
	z-index: 1000;
	overflow: hidden;
}
#bottomBox .shareBox .thumbWrap .loading{
	position:absolute;
	width: 5000em;
	height:70px;
}

#thumbBox .arrL,#thumbBox .arrR{
	width: 42px;
	height:70px;
	float: left;
	cursor: pointer;
}

#bottomBox .shareBox .thumbImg{
	display:block;
	float:left;
	width: 90px;
	height:60px;
	margin: 5px 9px;
	overflow: hidden;
}

#bottomBox .shareBox .thumbImg:hover,#bottomBox .shareBox .curr{
	width: 86px;
	height: 56px;
	border: 2px solid #FFF;
}

#bottomBox .shareBox .thumbImg img{
	margin:  0 auto;
}
#mycarousel{
	position: relative;
	width: 5000em;
}

#bottomBox .imgDescBox,#bottomBox .imgDescBoxFilter{
	position:relative;
	width:100%;
	overflow:hidden;
	color:#FFF;
}
#bottomBox .imgDescBoxFilter {
	background: rgba(0,0,0,0.6);
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000") 6;
}
#bottomBox .imgDescBox .imgDesc{
	width: 85%;
	margin: 0 auto;
	overflow: hidden;
	display: none;
	
}

#bottomBox .imgDescBox .pageNum{
	position:relative;
	width: 78px;
	height:55px;
	float: left;
	background: url(../images/page_num.png) left top no-repeat;
}
.pageNum .currNum{
	position: absolute;
	text-align:right;
	width: 38px;
	top:0;
	left:0;
	font-family: Georgia;
	font-size:36px;
	color: #FFF;
}

.pageNum .totalNum{
	position: absolute;
	bottom:10px;
	left:43px;
	font-family: Georgia;
	font-size: 12px;
	color: #FFF;
}


#bottomBox .imgDescBox .desc{
	float:left;
	width: 75%;
	height:55px;
	font-family: '微软雅黑';
	font-size: 14px;
	line-height: 24px;
	
}
#bottomBox .imgDescBox .button{
	float:right;
	width: 58px;
	height:55px;
	line-height:85px;
	text-align:center;
	overflow:hidden;
	color:#FFF;
	font-family: '宋体';
	font-size: 12px;
}
#bottomBox .imgDescBox .tumb{
	background: url(../images/tumb.png) left top no-repeat;
}
#bottomBox .imgDescBox .tumb:hover,#bottomBox .imgDescBox .tumbOn{
	background: url(../images/tumb_over.png) left top no-repeat;
}
#bottomBox .imgDescBox .descarrup{
	background: url(../images/desc_arr_up.png) -2px top no-repeat;
}
#bottomBox .imgDescBox .descarrup:hover{
	background: url(../images/desc_arr_up_over.png) -2px top no-repeat;
}
#bottomBox .imgDescBox .descarrdown{
	background: url(../images/desc_arr_down.png) left top no-repeat;
}
#bottomBox .imgDescBox .descarrdown:hover{
	background: url(../images/desc_arr_down_over.png) left top no-repeat;
}


#scrollBox{
	position:relative;
	 height: 100%;
	 width: 5000em;
}

#coverwrap {
	float:left;
	position:relative;
	display: block;
	width:1598px;
	height:812px;
	overflow: hidden;
	
}
#coverwrap img{
	position: absolute;
}


#cover {
	padding-top: 10%;
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}
#cover_content {
	float: right;
	color: #FFF;
	width: 480px;
}
#cover_content h2 {
	font-family: '黑体';
	font-size: 80px;
	font-weight: normal;
	line-height: 108px;
}
#cover_content p.info {
	padding: 8px 0;
	border-top: 1px solid #6786a7;
	border-bottom: 1px solid #6786a7;
	font-family: '微软雅黑';
	font-size: 14px;
	line-height: 28px;
}

#publisher p{
	font-family: '微软雅黑';
	font-size: 14px;
	line-height: 28px;
}

#publisher .reporter{
	font-size: 18px;
}



#videoWrap{
	margin-bottom: 0;
	margin-top: 0;
	background: #000;
	display: block;
}
#videoWrap .marginTop{
	height: 10%;
}
#video_player{
	width: 89.5925%;
	height: 82.0987%;
	margin:0 auto;
}
#video_player div{
	width: 100%;
	height:100%;
}





#notesWrap{
	width:72%;
	margin:0 auto;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	height:100%;
	font-family: '微软雅黑';
	line-height: 36px;
	color:#454545;
	padding: 38px 50px;
	overflow:hidden;
}

#notesScroll{
	width:100%;
	height:100%;
	overflow: auto;
}
#notes{
	padding:80px 0;
	padding-right: 20px;
}
#notes p{
	text-indent: 2em;
	font-size: 16px;
}



.wordBox{
	height:100%;
	overflow:hidden;
	border:1px solid #4a525b;
	color:#5f5f5f;
	position:static; *position:relative; display:table; *display:block; 
}
.box-middle{position:static;
width: 100%;
			*position:absolute;
			display:table-cell; 
			*display:block; 
			*top:50%; 
			vertical-align:middle; 
			*vertical-align:auto;}
.box-inner{position:relative; 
width: 100%;
		   
		   margin:0 auto; }

.wordBox .imageBox{
	float:right;
	width: 44%;
}
.wordBox .imageBox .image{
	width: 89%;
	overflow:hidden;
}
.wordBox .imageBox .image img{
	width: 100%;
}

.wordBox .info{
	float:right;
	padding-right:14%;
	width: 405px;
}
.wordBox .info a{
	color: #6597c5;
}
.wordBox .info .hd{
	height: 50px;
	padding-left:20px;
	border-left:5px solid #6597c5;
	overflow: hidden;
}

.wordBox .info .hd h3{
	font-family: '微软雅黑';
	font-size: 22px;
	line-height:23px;
}
.wordBox .info .hd p{
	font-size: 12px;
	line-height:40px;
}
.wordBox .info .bd{
	padding: 27px 0 23px 0;
	font-size: 16px;
	font-family: '微软雅黑';
	line-height:36px;
	text-indent: 1em;
}

.wordBox .info .fd{
	font-size: 16px;
	font-family: '微软雅黑';
	line-height:36px;
	color: #6597c5;
}


.donation .box-middle{
	padding: 20px 0;
}

.otherBox{
	overflow:hidden;
	color:#5f5f5f;
	background-color: #f5f5f5;
	border:1px solid #4a525b;
}
.otherBox .marginBox1{
	height:116px;
	overflow: hidden;
}
.otherBox .marginBox2{
	height:4.2592%;
	overflow: hidden;
}
.otherBox .marginBox3{
	height:44px;
	overflow: hidden;
}
.otherBox .recommBox{
	width: 97.3%;
	height:88.2608%;
	margin: 0 auto;
	overflow: hidden;
}
.otherBox .recommBox img{
	position:absolute;
	top:0;
	left:0;
}
.recommBox .imgWrap{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.recommBox .imgWrap p{
	position: absolute;
	left:0;
	bottom:0;
	height: 32px;
	line-height: 32px;
	width: 100%;
	color: #FFF;
	font-size: 14px;
	font-family: '微软雅黑';
	text-align:center;
	background: rgba(0,0,0,0.6);
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000") 6;
}
.recommBox .imgWrap a{
	height: 100%;
	width: 100%;
	display: block;
}
.recommBox .imgWrap .logo{
	position: absolute;
	left:17px;
	bottom: 12px;
	width: 42px;
	height: 49px;
}

.editers{
	width: 97.3%;
	padding-top:1%;
	font-size: 14px;
	font-family: '微软雅黑';
	color: #6a6a6a;
	margin: 0 auto;
	clear: both;
}

.editers .masterEditer{
	margin-right: 17px;
}
.editers .editer{
	margin-right: 20px;
}
.editers .dev{
	margin-right: 50px;
}

.recommBox .leftBox{
	float: left;
	position:relative;
	height:100%;
	width: 42.676%;
}
.recommBox .leftBox .topPic{
	position: absolute;
	top:0;
	left:0;
	right:0;
	height: 49.7536%;
}
.recommBox .leftBox .bottomPic{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	height: 49.8768%;
}

.recommBox .rightBox{
	float: right;
	position:relative;
	overflow:hidden;
	width: 57.042%;
	height:100%;
}

.recommBox .rightBox .topPicBox{
	position: absolute;
	top:0;
	left:0;
	overflow:hidden;
	width:100%;
	height: 33.004%;
	
}
.leftPic ,.rightPic{
	height: 100%;
}


.topPicBox .leftPic {
	float: left;
	width: 49.876%;
}
.topPicBox .rightPic {
	float: right;
	width: 49.876%;
}

.recommBox .rightBox .bottomPicBox{
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	overflow:hidden;
	height: 66.6256%;
	
}

.bottomPicBox .topBox{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	overflow:hidden;
	height: 40.8502%;
}

.bottomPicBox .topBox .leftPic {
	float: left;
	width: 58.6419%;
}
.bottomPicBox .topBox .rightPic {
	float: right;
	width: 41.1111%;
}

.bottomPicBox .bottomBox{
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	overflow:hidden;
	height: 58.5951%;
}

.bottomPicBox .bottomBox .leftPic {
	float: left;
	width: 58.6419%;
}
.bottomPicBox .bottomBox .rightPic {
	float: right;
	position:relative;
	width: 41.1111%;
}

.bottomBox .rightPic .topPic {
	position: absolute;
	top:0;
	left:0;
	right:0;
	overflow:hidden;
	height: 69.7160%;
}
.bottomBox .rightPic .bottomPic {
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	height: 29.6529%;
}


.commentBox{
	margin:0 auto;
	width: 78%;
	height:100%;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	padding: 38px 50px;
	background-color:#FFF;
	overflow:hidden;
}
#commentsScroll{
	width:100%;
	height:100%;
	overflow: auto;
}

#commentsWrap{
	padding:40px 0;
}


.imageWrap{
	margin-bottom: 0;
	margin-top: 0;
	background:url(../images/jz.gif) center #000 no-repeat;
}
.imageWrap img{
	display:none;
	margin: 0 auto;
}


#copyrightbox {
	position:absolute;
	left: 0;
	bottom: 0;
	height: 38px;
	line-height:38px;
	font-family: '宋体';
	font-size: 12px;
	width: 100%;
	text-align: center;
	background-color: #282828;
	color: #6f6f6f;
	overflow: hidden;
	display:none;
	z-index: 1000;
}
#copyrightbox a{
	color: #6f6f6f;
}

@media screen and (max-width:1300px){
.tuj100{
height:auto;
overflow:hidden;
}
.tuj100 a,.tuj100c{
position:static;
margin:0 auto;
}
.tuj100 a{
display:block;
width:200px;
margin-top:10px;
}
.tuj100 a img{width:100%;}
.tuj100c{
max-width:100%;
}
.tuj100c,.tuj100ct,.tuj100sj{
height:auto;
}
#globalwrap{
max-width:100%;
}
#arrLeft, #arrRight{
width:3.5em;
height:3.5em;
background-size:cover;
}
#arrLeft:hover,#arrRight:hover{
background-size:cover;
}
.button.tumb{display:none;}
.imageWrap img{max-width:100%;margin:0;}
}