﻿header,section,footer{
	width: 100%;
}

.inner-center{
	margin-left: auto;
	margin-right: auto;
	width: 1120px;
}
.post header .inner-center{
	width: 1300px;
}
body,
button,
input,
select,
textarea {
	font-size: 14px;
	font-family: Arial, Hiragino Sans GB, 冬青黑, Microsoft YaHei, 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, Arial sans-serif;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden
}

body {
	min-width:1300px;
	background: #eff0f1;
}


/*全站通用顶部开始*/

header.header {
	background: #fff;
	border-top: 4px solid #E10000;
	border-bottom: 1px solid #e3e7e8;
    z-index: 100;
}
.tv header.header {
	position: relative;
    _position: absolute;
    top: 0;
    left: 0;
}
 
.m-headMain{padding: 15px 0;}
.m-headMain-bd{
	position: relative;
}
.m-nav{
	width: 100%;
    font-family: Microsoft Yahei,simsun,sans-serif;
}



.m-logo {
	margin-right: 30px;
	float: left;
	height: 38px;
	min-width: 190px;
	position: relative;
}
.m-logo h1,.m-logo h2{
	margin: 0;
	font-weight: normal;
	font-size: 12px;
	display: inline-block;
        *display:inline;
        *zoom:1;
}
.m-logo a {
	color: #fff;
	display: inline-block
}

.m-logo img {
	height: 38px;
	display: inline-block;
}

.m-logo span {
	position: absolute;
	top: 10px;
	left: 150px;
	font-size: 12px;
	color: #fff;
	background: #000;
	display: inline-block;
	padding: 0 5px;
	border-radius: 2px;
}

.m-logo:hover span {
	background: #E10000;
	color: #fff;
}


/*搜索模块*/

.m-search {
	width: 405px;
        *height:34px;
	float: left;
	position: relative;
}

.m-search .input-box {
	position: relative;
	border: 1px solid #eee;
	padding: 0 4px 0 16px;
	background-color: #f5f6f7;
}

.m-search .input-box input {
	border: 0;
	float: left;
	color: #444;
	font-size: 14px;
	line-height: 20px;
	width: 335px;
	outline: 0;
	padding: 8px 10px 8px 0;
	background: #f5f6f7;
}

.m-search .btn-submit {
	float: right;
	display: block;
	border-left: 0;
}

.m-search .btn-submit button {
	background: transparent;
	outline: 0;
	border: 0;
	height: 32px;
	line-height: 1px;
	width: 32px;
	cursor: pointer;
}

.m-search .btn-submit button>i {
	width: 16px;
	height: 16px;
	line-height: 16px;
	color: #ccc;
}

.m-search .slayer {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	background: #fff;
	font-size: 14px;
	border-radius: 4px;
	z-index: 10000;
}

.m-search .slayer .slayer-con {
	border: 1px solid #d9d9d9;
	border-top: 0;
	font-size: 14px;
	color: #444;
}

.m-search .slayer .slayer-con .search-tip {
	font-size: 12px;
	color: #999;
	padding: 16px 0 0 16px;
}

.m-search .slayer .slayer-con .search-item>a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding-right: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #444;
}

.m-search .slayer .slayer-con .search-item>a:hover {
	background: #f4f5f6;
}

.m-search .slayer .slayer-con .search-item .search-no {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #999;
	width: 28px;
	margin-right: 10px;
	text-align: right;
}

.m-search .slayer .slayer-con .search-item .search-no.search-no-1 {
	color: #f85959;
}

.m-search .slayer .slayer-con .search-item .search-no.search-no-2 {
	color: #ff7800;
}

.m-search .slayer .slayer-con .search-item .search-no.search-no-3 {
	color: #ffba00;
}


 

.m-mapList, .m-userLogin{
	margin-left: 20px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
}
.m-userLogin{
	display: none;
}
.m-mapList, .m-userLogin a{
	color: #333;
}
.post .m-mapList, .post .m-userLogin{
	margin-left: 10px;
}
.m-mapList{
	float: left;
}
.m-mapList-tl a, .m-userLogin-tl a{
	position: relative;
    z-index: 2;
    display: block;
    font-size: 0;
    

}
.m-mapList-tl .t, .m-userLogin-tl .t {
    display: inline-block;
    padding-right: 15px;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    height: 38px;
    line-height: 38px;
}
 
.m-mapList-tl .tri, .m-mapList-tl .tri2, .m-userLogin-tl .tri, .m-userLogin-tl .tri2  {
    position: absolute;
    top: 13px;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 5px solid transparent;
    border-top-color: #fff;
}

.m-mapList-tl .tri, .m-userLogin-tl .tri {
    border-top-color: #3d3d3d;
    top: 14px;
}

.current .m-mapList-tl .tri, .current .m-mapList-tl .tri2,.current .m-userLogin-tl .tri, .current .m-userLogin-tl .tri2{
    top: 10px;
    border: 5px solid transparent;
    border-bottom-color: #fff;
}
.current .m-mapList-tl .tri, .current .m-userLogin-tl .tri {
    top: 9px;
    border-bottom-color: #3d3d3d;
}

.m-mapList-drag, .m-userLogin-drag {
	z-index: 9999;
	background: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
    visibility: visible;
    opacity: 0;
    display: none;
    overflow: hidden;
    transition: opacity .4s;
    transform: translate(0,10px);
	position: absolute;
	top: 40px;
	margin-left: -1px;
	
}
.m-mapList-drag{
	left: 220px;
	width: 1080px
}
.post .m-mapList-drag{
	left: 90px;
	width: 1120px;
}
.m-userLogin-drag {
	width: 140px;
	right: 0;
}

.m-mapList-drag .tri, .m-mapList-drag .tri2, .m-userLogin-drag .tri, .m-userLogin-drag .tri2 {
    position: absolute;
    z-index: 4;
    border: 6px dashed transparent;
    border-bottom: 9px solid #fff;
    width: 0;
    height: 0;
    overflow: hidden;
}

.m-mapList-drag .tri,.m-mapList-drag .tri2, .m-userLogin-drag .tri, .m-userLogin-drag .tri2 {
	border-width: 9px;
	right: 355px
}
.post .m-mapList-drag .tri, .post .m-mapList-drag .tri2{
	right: 275px
}
.m-userLogin-drag .tri, .m-userLogin-drag .tri2 {
	right: 60px;
}
.m-mapList-drag .tri, .m-userLogin-drag .tri{
	top: -17px;
	border-bottom-color: #ddd
}

.m-mapList-drag .tri2, .m-userLogin-drag .tri2  {
	display: block;
    top: -15px;
    border-bottom-color: #fff;
}

.m-mapList-drag .enterstage, .m-userLogin-drag .enterstage {
	position: absolute;
	right: 258px;
	top: -30px;
	height: 30px;
	width: 208px
}
.post .m-mapList-drag .enterstage{
	right: 148px;
}
.m-userLogin-drag .enterstage {
	right: 0px;
	width: 150px;
}
.m-mapList-drag .dragMain, .m-userLogin-drag .dragMain  {
	background: #fff;
	padding: 20px 0;
	margin-right: -1px;
    position: relative;
    zoom: 1;
    border: 1px solid #ddd;
    overflow: hidden;
}
 
.m-mapList-drag .dragMain:after, .m-userLogin-drag .dragMain:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
 .m-mapList .current .m-mapList-drag, .m-userLogin .current .m-userLogin-drag  {
    width: auto;
    height: auto;
}
.current .m-mapList-drag, .current .m-userLogin-drag {
    overflow: visible;
    opacity: 1;
    display: block;
}

 

.m-mapList-drag .dragMain-detail .cloumn{
	width: 24%;
 	float: left;
    margin-left: -1px;
    border-left: 1px solid #eee;
}

.m-mapList-drag .dragMain-detail .cloumn-hd {
    padding-left: 45px;
    padding-right: 45px;
    font-size: 15px;
    margin: 0;
	color: #E10000;
	font-weight: bold;
}
.m-mapList-drag .dragMain-detail .cloumn-bd{
 	margin-top: 10px;
    padding-left: 32px;
    padding-right: 20px;
 }
.m-mapList-drag .dragMain-detail .cloumn-bd ul:after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}
.m-mapList-drag .dragMain-detail .cloumn-bd ul li {
	width: 33%;
    float: left;
    display: inline;
    padding-bottom: 5px;
    white-space: nowrap;
    font-size: 12px;
}

.m-mapList-drag .dragMain-detail .cloumn-bd ul li a {
    display: inline-block;
    padding: 0 13px;
    line-height: 28px;
    color: #888;
}
.m-mapList-drag .dragMain-detail .cloumn-bd ul li a:hover {
    background: #E10000;
    border-radius: 3px;
    color: #fff;
}

.m-userLogin .dragMain-detail{
	padding:0 10px;
	text-align: center;
}


/*通用导航栏用户登录*/

.m-loginBtn{
	display: none;
}
.m-loginBtn a {
	height: 30px;
	line-height: 30px;
	color: #fff;
	display: inline-block;
	margin: 2px 10px;
	padding: 0 13px;
	border-radius: 3px;
	background: #f10000;
}
.m-loginBtn a i {
	margin-right: 5px;
	font-size: 16px;
	color: #fff;
	vertical-align: middle;
}

 .m-lgnTitle{
	text-align: center
}
 .m-lgnTitle img{
	width: 120px;
	margin:20px auto;
}
 .m-lgnTitle h3{
	position: relative;
    text-align: center;
	margin: 0 0 20px 0;
	

}
 .m-lgnTitle h3:before{
	position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ebebeb;
    content: ' ';
}
 .m-lgnTitle h3 span{
	position: relative;
    padding: 0 12px;
    background-color: #fff;
    text-align: center;
    color: #999;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
}
.m-lgnThree{
  text-align:center;
  }
  

.m-lgnThree-btn li {
	height: 80px;
	width: 80px;
	text-align: center;
	display: inline-block;
        *display:inline;
        *zoom:1;
	border-radius: 40px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	cursor: pointer;
	margin: 20px 30px;
}

.m-lgnThree-btn li a{
	display:inline-block;
	width: 80px;
	height: 80px;
}
.m-lgnThree-btn li a i {
	font-size: 40px;
	 line-height: 80px;
	color: #fff;
}

.m-lgnThree-btn li.weibo {
	background: #FF5757;
}

.m-lgnThree-btn li.weixin {
	background: #7ACA32;
}

.m-lgnThree-btn li.qq {
	background: #4BA5DF;
}
.m-lgnThree-btn li.weibo:hover{
	background: #FD3534;
}
.m-lgnThree-btn li.weixin:hover{
	background: #77CE2B;
}

.m-lgnThree-btn li.qq:hover{
	background: #44A3E0;
}

.m-lgnThree-txt li {
	display: inline-block;
        *display:inline;
        *zoom:1;
	width: 140px;
	/* float: left; */
	/* width: 120px; */
	text-align: center;
}


  

.userinfo {
	display: inline-block;
	cursor: pointer;
}

.userinfo-dropdown {
	display: none;
	padding: 10px;
	background: #fff;
	border: 1px solid #E6E6E6;
	border-top: 2px solid #E10000;
	font-size: 14px;
	box-shadow: 3px 3px 3px #eee;
	text-align: center;
	min-width: 100px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
	z-index: 100;
}

.userinfo-dropdown:before {
	top: 100%;
	left: 50%;
	z-index: 2;
	content: '';
	position: absolute;
	margin: -8px 0 0 -15px;
	border: 5px solid transparent;
	border-bottom-color: #E10000;
}

.userinfo-dropdown li {
	border-bottom: 1px solid #f9f9f9;
}

.userinfo-dropdown li a i {
	color: #333;
	font-size: 16px;
}

.userinfo-dropdown li:hover a,
.userinfo-dropdown li:hover a i {
	color: #E10000;
}

.userinfo:hover .userinfo-dropdown {
	display: block;
}



/*导航模块*/

.m-userLogin .dragMain-detail li {
    border-bottom: 1px solid #f9f9f9;
}
.m-userLogin .dragMain-detail li a{
	display: inline-block;
	color: #333;
}
.m-userLogin .dragMain-detail li a i {
	color: #333;
	font-size: 16px;
	margin-right: 10px;
}

.m-userLogin .dragMain-detail li:hover a,
.m-userLogin .dragMain-detail li:hover a i {
	color: #E10000;
}


.m-nav ul li i {
	font-size: 16px;
	color: #E10000;
	margin-right: 3px;
}

.m-nav ul li a {
	color: #333;
	font-size: 14px;
}

.m-nav ul li:hover {
	background: #eff0f1;
}

.m-nav s {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #cacaca;
	font-size: 12px;
	padding-left: 10px;
}

.m-nav .latest-list {}

.m-nav .latest-list .item {
	padding: 15px 0;
}

.m-nav .latest-list .item a {
	display: block;
	clear: both;
	height: 75px;
}

.m-nav .latest-list .imgbox {
	display: inline-block;
	margin-right: 10px;
}

.m-nav .latest-list .imgbox,
.m-nav .latest-list .imgbox img {
	width: 100px;
	height: 75px;
}

.m-nav .latest-list .detail h4 {
	line-height: 22px;
	font-weight: 400;
	font-size: 14px;
	display: block;
}

.m-nav .latest-list .detail span {
	font-size: 12px;
}

.m-nav .rank-list {}

.m-nav .rank-list .ico {
	display: inline-block;
	background: url(/douwan../img/ico.png) no-repeat;
	vertical-align: middle;
}

.m-nav .rank-list {
	padding-top: 4px
}

.m-nav .rank-list .item {
	overflow: hidden;
	padding: 3px 0 11px;
	margin: 3px 0 5px;
	border-bottom: 1px solid #f3f3f3
}

.m-nav .rank-list .item .num {
	font-weight: 500;
	width: 23px;
	height: 20px;
	display: block;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background-position: -29px -51px;
	padding-right: 5px;
	float: left;
	margin-right: 5px;
	display: inline-block;
}

.m-nav .rank-list .item .title {
	overflow: hidden;
}

.m-nav .rank-list .item .title a {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #333;
}

.m-nav .rank-list .top .num {
	background-position: -29px -22px;
}



/*头部图片切换*/

.m-homeScroll {
	position: relative;
	height: 320px;
	overflow: hidden;
	width: 100%;
}

.m-homeScroll .scroll-con {
	overflow: visible;
	width: 1120px;
	margin: 0 auto;
	height: 320px;
	position: relative;
}

.m-homeScroll .scroll-con ul {
	height: 320px;
	font-size: 0;
	white-space: nowrap;
	left: -560px;
	top: 0;
	position: absolute;
}

.m-homeScroll .scroll-con ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
	margin-left: 1px;
	width: 560px;
	height: 320px;
	background: #000;
	-webkit-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
	transition: all .2s ease 0s;
}

.m-homeScroll .scroll-con ul li:hover {
	background: #be0008;
}

.m-homeScroll .scroll-con ul li a {
	display: block;
	height: 100%;
	position: relative;
}

.m-homeScroll .scroll-con ul li a:after {
	content: 'a';
	font-size: 0;
	border-bottom: 15px solid #000;
	position: absolute;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	left: 50%;
	bottom: 40px;
	margin-left: -7.5px;
	-webkit-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
	transition: all .2s ease 0s;
	*display: none;
}

.m-homeScroll .scroll-con ul li:hover a:after {
	bottom: 40px;
	border-bottom-color: #be0008;
	display: block;
}

.m-homeScroll .scroll-con ul li a img {
	display: block;
	width: 560px;
	height: 320px;
}

.m-homeScroll .scroll-con ul li a .title {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding-left: 20px;
	height: 42px;
	line-height: 42px;
	position: absolute;
	bottom: 0;
	background: #000;
	width: 560px;
	text-align: center;
}

.m-homeScroll .scroll-con ul li a:hover .title {
	bottom: 0;
	background: #be0008;
	color: #fff;
}

.m-homeScroll .scroll-con ul li a .detail {
	color: #999;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	bottom: 11px;
	left: 0;
	position: absolute;
	-webkit-transition: .2s ease 0s;
	-o-transition: .2s ease 0s;
	transition: .2s ease 0s;
}

.m-homeScroll .scroll-con ul li a:hover .detail {
	color: #FFF;
	bottom: 45px;
}

.m-homeScroll .mark {
	position: absolute;
	width: 1120px;
	height: 320px;
	top: 0;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	-khtml-opacity: 0.1;
}

.m-homeScroll .mark.left {
	right: 50%;
	margin-right: 558px;
}

.m-homeScroll .mark.right {
	left: 50%;
	margin-left: 562px;
}

.m-homeScroll .scroll-left {
	position: absolute;
	width: 58px;
	height: 58px;
	top: 50%;
	margin-top: -50.5px;
	right: 50%;
	margin-right: 570px;
	z-index: 1;
	cursor: pointer;
	background-repeat: no-repeat;
	background: url(/douwan../img/index.png) 0 0;
	font-size: 0;
}

.m-homeScroll .scroll-left:hover {
	background: url(/douwan../img/index.png) 0 -59px;
	background-repeat: no-repeat;
}

.m-homeScroll .scroll-right {
	position: absolute;
	width: 58px;
	height: 58px;
	top: 50%;
	margin-top: -50.5px;
	left: 50%;
	margin-left: 576px;
	z-index: 1;
	cursor: pointer;
	background-repeat: no-repeat;
	background: url(/douwan../img/index.png) -60px 0;
	font-size: 0;
}

.m-homeScroll .scroll-right:hover {
	background-repeat: no-repeat;
	background: url(/douwan../img/index.png) -60px -59px;
}

.m-homeScroll .mark-bottom {
	height: 32px;
	width: 1120px;
	position: absolute;
	bottom: 0px;
}

.m-homeScroll .mark-bottom.left {
	right: 50%;
	margin-right: 558px;
}

.m-homeScroll .mark-bottom.right {
	left: 50%;
	margin-left: 562px;
}


/*通用内容页模块*/

.post .section-main {
	 
}

.m-post {
	background: #fff;
	margin: 30px auto;
	padding: 40px;
	font-family: Arial, "Hiragino Sans GB", "冬青黑", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", Helvetica, Tahoma, Arial sans-serif
}

.m-post-hd {
	font-size: 13px;
	color: #999;
	padding-bottom: 5px;
}

.m-post-hd h1 {
	font-size: 34px;
	margin-bottom: 15px;
	color: #333;
	display: inline-block;
}

.m-post-hd h1 .comments {
	padding: 0 20px;
	color: #FF3F3E;
	font-size: 18px;
}

.m-post-hd h1 .comments i {
	margin-right: 3px;
	font-size: 18px;
}

.m-post-hd .detail {}

.m-post-hd .meta {
	margin-bottom: 8px;
}

.m-post-hd .meta span {
	float: left;
	margin-right: 30px;
	display: inline-block;
}

.m-post-hd .meta span i {
	margin-right: 3px;
}

.m-post-hd .tags {
	max-width: 580px;
	height: 25px;
	overflow: hidden;
	margin-right: 0!important;
}

.m-post-hd .tags a {
	text-decoration: none;
	outline: 0;
	display: inline-block;
	padding: 0 10px;
	margin-bottom: 5px;
	margin-right: 5px;
	background-color: #f5f5f5;
	border-radius: 2px;
	border-bottom: 0;
	color: #999;
	font-size: 12px;
	line-height: 25px;
	cursor: pointer;
}

.m-post-hd .tags a:hover {
	background: #e5e5e5;
}

.m-post-bd {
	margin-top:25px;
}

.m-post-bd .main{
	width: 680px;
}

.postDetail {
	color: #000000;
	line-height: 30px;
	color: #363636;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: normal;
	word-wrap: break-word;
	word-break: break-word;
	text-align: justify;
}

.postDetail > * {
	margin-bottom: 24px;
}

.postDetail  pre {
	white-space: normal;
}

.postDetail  a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #ffc81f;
	padding-bottom: 4px;
}

.postDetail  blockquote {
	margin-left: 16px;
	margin-right: 16px;
}

.postDetail  img {
	display: block;
	margin: 0 auto 8px;
	/*width: 100%;*/
	height: auto;
	max-width: 100% !important;
}

.postDetail  ol,
.postDetail  ul {
	padding-left: 20px;
}

.postDetail  ol {
	list-style-type: decimal;
}

.postDetail  ul {
	list-style-type: disc;
}

.postDetail  iframe,
.postDetail  embed {
	width: 100%;
	max-width: 100% !important;
	height: 400px;
	margin: 0 auto;
}

.postDetail  h1,
.postDetail  h2,
.postDetail  h3,
.postDetail  h4,
.postDetail  h5,
.postDetail  h6 {
	font-family: Tahoma, Arial, "Hiragino Sans GB", "冬青黑", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Heiti", "黑体", sans-serif;
	display: block;
	background-color: transparent;
	border-left: 5px solid #ffc81f;
	color: #363636;
	padding-left: 15px;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	text-align: left;
	margin-top: 28px;
	margin-bottom: 14px;
}
.postDetail-extra h4.media-title{
	padding: 0 0 0 15px;
    margin: 25px 0 26px 0;
    overflow: hidden;
    display: block;
    position: relative;
    line-height: 1;
    vertical-align: middle;
    color: #4c4c4c;
    font-size: 24px;
    font-weight: 600;
	border-left: 5px solid #e10000
}
 .postDetail-extra-tv ul{
	 margin-left:-20px;
 }
	 .postDetail-extra-tv li {
	 position: relative;
	background: #fff;
	float: left;
    width: 245px;
    margin: 0 0 0 20px;
    cursor: pointer;
 
	
}
.postDetail-extra-tv li .pic {
	position: relative;
	width: 100%;
	height: 150px;
	overflow: hidden
}

.postDetail-extra-tv li .pic img {
	width: 245px;
	height: 156px;
	display: block;
}

.postDetail-extra-tv li .play-btn i {
	color: #fff;
	font-size: 50px;
	position: absolute;
	z-index: 20;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -40px;
	width: 50px;
	height: 50px;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	-webkit-transition: all ease-out 150ms;
	transition: all ease-out 350ms;
}
.postDetail-extra-tv li .over-play {
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	background-color: #000;
	-webkit-transition: all ease-out 250ms;
	transition: all ease-out 250ms
}
.postDetail-extra-tv li .source-name {
	width: 47px;
	display: block;
	height: 19px;
	line-height: 19px;
	overflow: hidden;
	font-size: 12px;
	color: #fff;
	text-indent: 15px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(/douwan../img/sbg.png) 0 0 no-repeat;
	z-index: 2;
}

.postDetail-extra-tv li .detail {
	height: 62px;
	background: #fff;
	position: relative;
	cursor: pointer
}

.postDetail-extra-tv li .detail .title {
	position: relative;
	padding-left: 48px;
	padding-top: 3px;
	text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-break: keep-all;
}

.postDetail-extra-tv li .detail h3 {
	width: 195px;
	font-size: 14px;
	color: #212224;
	line-height: 34px;
	margin-bottom: 0;
	transition: all 150ms ease-in-out;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-break: keep-all;
}

.postDetail-extra-tv li .detail .title span {
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all 150ms ease-in-out;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out
}

.postDetail-extra-tv li:hover .detail .title h3 {
	width: 195px
}

.postDetail-extra-tv li:hover .detail .title span {
	opacity: 0;
	filter: alpha(opacity=0)
}

 

.postDetail-extra-tv li p {
	height: 18px;
	line-height: 18px;
	margin-top: -1px;
	overflow: hidden
}

.postDetail-extra-tv li p img {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	position: absolute;
	top: 10px;
	left: 0
}

.postDetail-extra-tv li p span.name {
	display: block;
	color: #8d93a1;
	padding-left: 48px;
	font-size: 12px;
	line-height: 16px;
	max-width: 180px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-break: keep-all;
}

.postDetail-extra-tv li p span.onlines {
	display: block;
	font-size: 12px;
	color: #8d93a1
}
.postDetail-extra-tv li p span i{margin-right: 2px}
.postDetail-extra-tv li:hover .play-btn i {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.postDetail-extra-tv li:hover .over-play {
	opacity: .5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50)
}

.post-rcon {
	width: 300px;
}

 

.m-post-ft .pagebar {
	margin-top: 50px;
	text-align: center;
}
.pagebar li{
	dissplay:inline-block
}
.pagebar a,
.pagebar strong {
	border: 1px solid #d0d0d0;
	color: #333;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	margin: 0 3px 3px;
	overflow: hidden;
	padding: 0 16px;
	text-align: center;
}

.pagebar a:hover,
.pagebar a.now,
.pagebar strong {
	background: #ee474e none repeat scroll 0 0;
	border: 1px solid #ee474e;
	color: #fff;
	overflow: hidden;
	text-decoration: none;
}

.m-post-ft .repic {
	margin-top: 55px;
}

.m-post-ft .repic-titlebar {
	padding: 0 0 0 15px;
	margin: 0;
	overflow: hidden;
	display: block;
	position: relative;
	line-height: 1;
	vertical-align: middle;
	margin-bottom: 26px;
	color: #4c4c4c;
	font-size: 24px;
	font-weight: 600;
}

.m-post-ft .repic-titlebar::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: inline-block;
	width: 5px;
	margin-right: 10px;
	background-color: #F0454D;
}
.m-post-ft .repic ul{
	margin-left: -15px;
}
.m-post-ft .repic li {
	float: left;
	display: inline-block;
	width: 160px;
	overflow: hidden;
	margin-left: 15px;
	margin-bottom: 10px;
}

.m-post-ft .repic li.last {
	margin-right: 0;
}

.m-post-ft .repic li a {
	color: #666;
}

.m-post-ft .repic li .thumb {
	position:relative;
	display: block;
	height: 106px;
	overflow: hidden;
	width: 160px;
}
.m-post-ft .repic li .thumb  img{
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
}
.m-post-ft .repic li:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
}
 
.m-post-ft .repic li  .over-shadow {
	z-index:2;
	display: block;
	width: 100%;
	height: 50px;
	background: 0 0;
	background: -moz-linear-gradient(top, transparent 0, #000 100%);
	background: -webkit-linear-gradient(top, transparent 0, #000 100%);
	background: -o-linear-gradient(top, transparent 0, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
	background: linear-gradient(to bottom, transparent 0, #000 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#FF000000, GradientType=0);
	zoom: 1;
	position: absolute;
	bottom: 0
}

 
.m-post-ft .repic li .num {
    position: absolute;
    right: 3px;
    bottom: 3px;
    padding: 0 6px;
    height: 18px;
    background: #e10000;
    border-radius: 9px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
	z-index:3
}
.m-post-ft .repic li p {
	margin: 0;
}

.m-post-ft .repic li p.title {
	font-size: 13px;
	height: 44px;
	line-height: 18px;
	margin-bottom: 5px;
	overflow: hidden;
	padding: 5px 5px 0;
	font-weight: normal;
}
.m-post-ft .repic li a:hover {
	color: #F0454D;
}
 
.m-post-ft .comments {
	margin-top: 55px;
	background: #fafafa;
	border: 1px solid #ddd;
}

.comments-hd {
	text-align: center;
	padding: 40px 40px 50px 40px;
}

.comments-hd h4 {
	font-size: 30px;
	font-weight: normal;
	color: #888;
}

.comments-hd .btn-postcomment {
	background: #F0454D;
	border-radius: 5px;
	padding: 10px 100px;
	font-size: 18px;
	color: #fff;
	display: inline-block;
}

.comments-hd .btn-postcomment i {
	font-size: 24px;
}

.comments-hd .btn-postcomment em {
	font-style: normal;
	color: #FDDB56;
}

.comments-bd {
	padding: 20px 30px;
	display: none;
}



/*直播内容模块*/

.m-tvpost{
	width: 1080px;
	
}


/*侧栏模块*/

.widget{
	width: 300px;
	margin-bottom: 20px;
	overflow: hidden;
}
.widget-w375{
	width: 375px;
	overflow: hidden;
}
.widget.media{
	margin-bottom: 20px;
}
.m-post-bd{ 
      position:relative;
}
.widget-pics{ 
      top:0;
      -webkit-transition:all 0.6s; transition:all 0.6s;
}
.m-post-bd .fixed{ 
       position:fixed; top:20px;
}

.widget-bg {
	overflow: hidden;
	*zoom: 1;
	position: relative;
}
.widget-hd-sub{
	    width: auto;
    height: 36px;
    background-position: 0 13px;
	background: url("/image/webimg15/lx0.gif") 0 bottom repeat-x;
}
.widget-hd-sub .title{
    float: left;
    padding: 0 5px 0 23px;
    width: auto;
    height: 26px;
    line-height: 26px;
    color: #000;
    font-size: 16px;

}
.widget-bg,
.widget-bg img {
	width: 100%;
}

.widget-bg img {
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.widget-bg .text {
	position: absolute;
	z-index: 2;
	height: 60px;
	top: 10px;
	left: 0;
}

.widget-bg .text .tm {
	margin-bottom: 10px;
	width: 100px;
	height: 18px;
	line-height: 18px;
	color: #fff;
	font-size: 12px;
	background: #ce1f2b;
	margin-left: 20px;
	text-align: center;
	position: relative;
}

.widget-bg .text .tm i {
	position: absolute;
	width: 4px;
	height: 4px;
	font-size: 0;
	line-height: 0;
	background: url(/douwan../img/index_dont_do_that.png) no-repeat -239px 0;
	left: 0;
	bottom: -4px;
}

.widget-bg .text .t {
	margin-left: 20px;
	color: #fff;
	font-size: 16px;
}
 
.widget-bg a {
	display: block;
	height: 90px;
	overflow: hidden;
}

.widget-bg  a:hover img {
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.widget-pics{
	width: 300px;
    border-top: 2px solid #e10000;
    background-color: #f4f5f6;
  }
  
.widget-pics-hd{
	color: #222;
    padding-top: 15px;
    padding-left: 15px;
    font-size: 18px;
    font-weight: 700;
	color:#E10000;
  }
.widget-pics-hd i{
	margin-right:5px;
}  
.widget-pics-hd a{
	color:#333;
}
.widget-pics-hd ul{
		margin: 0 15px 0 0;
		float: right;
} 

.widget-pics-hd ul li{
    width: 8px;
    height: 8px;
    z-index: 3;
    background: #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
}
.widget-pics-hd ul li.on{
	background: #e10000
}
.widget-pics ul{
	 padding-bottom: 10px;
 }
.widget-pics ul .img-item {
    float: left;
    width: 270px;
    height: 250px;
    background: #fff;
	cursor: pointer;
    margin: 15px 15px 5px 15px;
    border-bottom: none;
	padding: 0;
}
 .widget-pics ul  .img-item .pic {
	 height: 160px;
	 overflow: hidden;
 }
 .widget-pics ul  .img-item .num {
	 bottom: 15px;
 }
 .widget-pics ul  .img-item .large{
	 width: 270px;
 }
 .widget-pics ul .img-item .middle {
    width: 158px;
	height: 166px;
 }
 .widget-pics ul  .img-item .small {
    width: 110px;
    height: 82px;
 }
 
.widget .rankComments {
	border-left: solid 1px #ededed;
	margin-left: 10px;
	position: relative;
}

.widget .rankComments li a {
	display: block;
	border-top: solid 1px #ededed;
	margin: 0 10px;
	padding: 16px 0;
	position: relative;
	text-decoration: none;
}

.widget .rankComments h2 {
	padding: 0;
	margin: 0 0 7.5px;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

.widget .rankComments .nums {
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	background: #ce1f2b;
	display: inline-block;
	padding: 2px 5px;
	border-radius: 3px;
	*display:inline;
        *zoom:1;
}

.widget .rankComments li s {
	position: absolute;
	top: 20px;
	left: -12px;
	line-height: 0;
	font-size: 0;
	height: 4px;
	width: 4px;
	background: #ce1f2b;
}

.widget .rankComments li a::before {
	border-top: solid 1px #e0e0e0;
	content: "";
	left: -26px;
	top: 25px;
	width: 10px;
}

.widget .rankComments li a:hover .title {
	color: #ce1f2b;
}

.widget .rankComments li a:hover s {
	width: 7px;
	height: 7px;
	background: #fff;
	border: 2px solid #ce1f2b;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	top: 22px;
	left: -14px;
	-moz-transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
        *width:3px;
        *height:3px;
}


 

.img-items{
    *margin-right:-15px;
    *padding-bottom:25px;
    overflow:hidden;
    clear:both;
}

.img-item{
    float: left;
    width: 255px;
    height: 250px;
    margin-right: 15px;
    margin-bottom: 25px;
    background: #fff;
	padding: 5px;
	*width:245px;
	*height:240px;
}
  .img-item:nth-child(4n+0){
 	margin-right: 0;
 }

 .img-item .pic {
    position: relative;
    width: 100%;
    height: 152px;
}
 .img-item .num {
    position: absolute;
    right: 8px;
    bottom: 7px;
    padding: 0 6px;
    height: 20px;
    background: #e10000;
    border-radius: 10px;
    color: #fafafa;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
}
.img-item .image-wrap {
    background-color: #efefef;
}
.img-item .large {
    width: 245px;
    height: 152px;
    overflow: hidden;
}
 .img-item .middle {
    width: 143px;
    height:152px;
    overflow: hidden;
}
.img-item .small {
    width: 100px;
    height: 75px;
    margin-bottom: 2px;
}
 
.image-wrap>img {
    width: 100%;
    height: auto;
}
 
.img-item .detail {
    padding: 12px 15px 0;
}
.img-item .detail p{margin: 0}
.img-item .detail>.title {
    font-size: 14px;
    color: #444;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
 .img-item .detail>.extra {
    padding-top: 10px;
    color: #999;
	font-size:13px;
}
 .item a:hover .num{
     background: #E10000;	
 }



/*页脚模块*/



/*分页模块*/

.pageBar{
    padding: 20px 0 20px;
    text-align: center;
    font-size: 14px;
    font-family: "\5FAE\8F6F\96C5\9ED1";
}
.pageBar li{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.pageBar a, .pageBar strong {
	text-align: center;
	padding:0 16px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	display: inline-block;
	*display:inline;
	*zoom:1;
	color: #333;
	margin: 0 3px 3px 3px;
	border: 1px solid #D0D0D0;
}
.pageBar a:hover, .pageBar a.now, .pageBar strong {
	color: #fff;
	background: #ee474e;
	overflow: hidden;
	border: 1px solid #ee474e;
	text-decoration: none;
}



footer.footer {
	font-size: 12px;
	margin-top: 40px;
	background: #141414;
	padding: 0;
	color: rgba(255, 255, 255, .4);
}

.footer p {
	margin: 0;
	padding: 0;
}

.footer a:link,
.footer a:visited {
	color: #666;
	text-decoration: none;
}

.footer a:hover,
.footer a:active {
	color: #fff;
	text-decoration: none;
}

.footer .sitemedia {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
 	color: rgba(255, 255, 255, .4); *color:#747474; *border-bottom:1px solid #2f2f2f; color:#747474\9; border-bottom:1px solid #2f2f2f\9;
}

.footer .sitemedia .weixin,
.footer .sitemedia .weibo {
	display: inline-block; *display:inline; *zoom:1;
	margin-right: 35px;
	vertical-align:middle;
}

.footer .sitemedia .pic {
	vertical-align: top;
}

.footer .sitemedia .pic,
.footer .sitemedia .detail,
.footer .sitemedia .code {
	float: left;
	margin-right: 15px;
}

.footer .sitemedia .detail {
	display: inline-block;
	vertical-align: top;
}

.footer .sitemedia .detail span {
	display: block;
}

.footer .sitemedia .detail .title {
	font-size: 15px;
	margin: 10px 0;
}

.footer .sitemedia .detail .desc {
	font-size: 12px;
}

.footer .sitemedia .code {
	border: 2px solid rgba(255, 255, 255, .7);
}

.footer .sitemedia .code img {
	width: 60px;
	height: 60px;
	background: #fff;
}

.footer .sitemedia .pic i {
	font-size: 50px;
	color: rgba(255, 255, 255, .4);
}

.footer .feature {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
        border-bottom:1px solid #2f2f2f\9;
        *border-bottom:1px solid #2f2f2f;
}

.footer .feature li {
	float: left;
	display: inline;
	width: 140px;
	padding-bottom: 33px;
	margin: 0 60px;
	text-align: center;
}

.footer .feature li i {
	font-size: 60px;
}

.footer .feature li .t1 {
	font-size: 18px;
	color: rgba(255, 255, 255, .7);
        color:#b1b1b1\9; 
        *color:#b1b1b1;
	text-align: center;
	line-height: 26px;
	letter-spacing: 2px;
}

.footer .feature li .iconfont{
        color:#919191\9;
        *color:#919191;
}
.footer .feature li .t2{
        color:#747474\9;
        *color:#747474;
}

.footer .feature,
.footer .sitemedia,
.footer .contact,
.footer .friendlinks,
.footer .disclaimer {
	padding: 35px 0 30px 0;
}

.footer .contact span,
.footer .friendlinks span,
.footer .disclaimer span {
	display: inline-block;
	padding: 0 8px;
	margin-right: 10px; *vertical-align:middle;
}
.footer .disclaimer p{
	line-height: 24px;
	color: #666;
}
.footer .contact a,
.footer .friendlinks a {
	margin: 0 15px 15px 0;
	display: inline-block;
}
	.copyright {
					width:1050px;
					padding: 20px 0;
					text-align: center;
					line-height: 2;
					color: #848484;
					font-size: 12px;
				}
 
.footer .copyright p {
	display: block;
	color: rgba(255, 255, 255, .4);
	font-size: 12px;
	text-decoration: none;
}
.footer-bd {
					background: #181818;
				}
				
				.footer-sitemap {
					padding: 35px 0;
				}
				
				.footer-sitemap ul {
					color: #666;
					width: 180px;
					min-height: 146px;
					text-align: left;
					margin-right: 35px;
					float: left;
					overflow: hidden;
					display: inline;
					border-right: 1px solid #2f2f2f;
				}
				
				.footer-sitemap ul li {
					line-height: 2;
				}
				
				.footer-sitemap ul li.foot-first {
					font-weight: bold;
					font-size: 14px;
					margin: 15px 0;
					line-height: 100%;
				}
				
				.footer-sitemap ul li a {
					margin-bottom: 15px;
					display: inline-block;
					color: rgb(102, 102, 102);
					font-family: SimSun;
				}
.footer-sitemap ul li span{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}				
				.footer-sitemap ul li.foot-first a:link,
				.footer-sitemap ul li.foot-first a:visited {
					color: #777;
				}
				
				
				
.media-box {
	background: #fff;
	border: 1px solid #ddd;
	margin-bottom: 25px !important
}

.media-photo {
	max-width: 100%;
	max-height: 100%;
	display: block
}

.media-desc {
	margin: 5px;
	padding: 0 10px
}

.media-info {
	min-height: 50px;
	line-height: 24px;
	background: #f8f8f8;
	padding: 10px
}

.headportrait {
	margin-right: 10px
}

.headportrait img {
	display: block;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.mediabox {
	margin: 40px 20px 15px 15px;
	clear: both
}

.pages-article-media-media-share_inner {
	position: relative;
	margin: 0 auto;
	padding: 30px 15px;
	border: 2px solid #ddd;
	max-width: auto;
	height: 180px;
	background: #fff
}

.pages-article-media-media-share_brand {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-style: italic
}

.pages-article-media-media-share_brand span {
	height: 20px;
	padding: 8px 12px;
	line-height: 20px;
	background: #e10000;
	color: #fff;
	font-style: normal
}

.pages-article-media-media-share_media {
	position: relative;
	margin-right: 160px
}

.pages-article-media-media-share_title {
	position: relative;
 
}

.pages-article-media-media-share_title h3 {
	background: 0;
	margin: 5px 0;
	font-size: 15px
}

.pages-article-media-media-share_photo {
	line-height: 0;
	float: left;
}

.pages-article-media-media-share_title .pages-article-media-media-share_photo img {
	border-radius: 50%
}

.pages-article-media-media-share_photo img {
	width: 70px;
	height: 70px;
	margin:0 20px 0px 10px
}

.pages-article-media-media-share_title h3 {
	margin: 10px 0;
	font-size: 15px !important;
	background: 0
}

@media screen and (max-width:667px) and (min-width:240px) .pages-article-media-media-share_title h3 {
	margin: 10px 0;
	text-align: center;
	font-size: 15px;
	background: 0
}

.pages-article-media-media-share_intro {
	overflow: hidden;
	max-height: 52px;
	line-height: 18px;
	color: #888;
	font-size: 13px
}

.pages-article-media-media-share_line,
.pages-article-media-media-share_qrcode {
	position: absolute
}

.pages-article-media-media-share_line {
	top: 30px;
	right: 152px;
	width: 0;
	height: 110px;
	border-right: 1px solid #eee;
	transform: rotate(9deg);
	-webkit-transform: rotate(9deg)
}

.pages-article-media-media-share_qrcode {
	top: 35px;
	right: 15px;
	width: 100px
}

.pages-article-media-media-share_qrcode img {
	display: block;
	width: 100px;
	height: 100px;
	line-height: 0
}

.pages-article-media-media-share_qrcode p {
	margin: 0;
	padding-top: 2px;
	line-height: 14px;
	color: #999;
	text-align: center;
	font-size: 12px
}

.pages-article-media-media-share_qrcode p span {
	display: block;
	margin: 0 -4px;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	font-size: 14px
}

@media(max-width:1366px){
	.tv header.header {
    left: 0;
    position: relative;
    top: 0;
}
.tv .section-main {
    margin-top: 20px;
}
	}

		