@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-03-14 20:59:56
 * @version $Id$
 */
html{background: #0d5294;}
html[data-back-fixed]{ background: #0d5294;}
#miniTop{display:none;}
.wrap{display:none;}
html[data-back-fixed] header.header{height:4.34rem; width:6.40rem; margin:0 auto;
	background: url(../images/experts-03/header.png) no-repeat center; background-size:contain;
}

.intro,
.period,
.about,
.down-center{background:#ffffff; width:6.15rem; margin:0 auto; border-radius:4px;}
.intro{margin-top: 1px; padding:.20rem 0 .40rem;}
.period,
.about,
.down-center{margin-top: .25rem;}

.intro h3[data-title-before]{font-size:.28rem; line-height:.37rem; color:#fcbf00; width:5.52rem; margin:0 auto; font-weight:bold;
	padding-left:.26rem; box-sizing:border-box;
}
.intro h3[data-title-before] > a{color:#fcbf00;}
.intro h3[data-title-before]:before{content:attr(data-title-before);}
.intro h3[data-title-before]:nth-of-type(3):before{color:#fff;}
.intro h3[data-title-before]:nth-of-type(1){background:url(../images/experts-03/bg-title-01.png) no-repeat left top;
	padding-top:.16rem; background-size:contain;
}
.intro h3[data-title-before]:nth-of-type(3){background:url(../images/experts-03/bg-title-02.png) no-repeat right bottom;
	padding-bottom:.16rem; background-size:contain; margin-bottom: .20rem;
}
.intro p{text-indent:2em; width:5.70rem; margin:0 auto; text-align:justify; font-size:.22rem; line-height:.30rem; color:#085896;}
.intro p:nth-of-type(4){margin-top: .30rem;}

.period[data-title-before],
.about[data-title-before]{padding-top:.26rem;}
.period[data-title-before]:before,
.about[data-title-before]:before{content:attr(data-title-before);display:block; width:6.20rem; height:.65rem; padding-top:.07rem;
	background: url(../images/experts-03/bg-title-04.png) no-repeat center;background-size:contain;
	margin-left:-.20rem; vertical-align:middle; padding-left:.42rem; box-sizing:border-box; font-weight:bold; font-size:.28rem; color:#fff;
}
.period[data-title-before] h3:nth-of-type(1){margin-top: .26rem;}
.period h3{font-size:.22rem; color:#fcbf00; margin: 0 .07rem;}
.period h3:before{content:'';display:inline-block; width:.19rem; height:.19rem; background: url(../images/experts-03/bg-title-03.png) no-repeat center;
	background-size:contain; margin-right:.04rem;
}
.period p{color:#085896; font-size:.20rem; line-height:.36rem;}
.period > p{margin:0 .30rem;}
.period .period-hybrid{
	margin:0.2rem .30rem 0;
	display:-moz-box;
	/* -moz-box-align:center; */
	display:-webkit-box;
	/* -webkit-box-align:center; */
	display:box;
	box-align:center;
	display:-ms-flexbox;
	/* -ms-flex-align:center; */
}
.period .period-hybrid div{width:3.90rem;}
.period .period-hybrid i{display:block;
	-moz-box-flex:1.0;
	-webkit-box-flex:1.0;
	box-flex:1.0;
	-ms-flex: 1.0;
	min-width:1.50rem; height:1.97rem;
}
.period .period-hybrid i:after{content:attr(data-img-name); display:inline-block; font-size:.20rem; color: #085896;}
.period .period-hybrid:nth-of-type(1) i > img,
.period .period-hybrid:nth-of-type(2) i > img{display:block; width:100%; height:100%;}
.period > ul{
	display:-moz-box;
	-moz-box-pack:center;
	display:-webkit-box;
	-webkit-box-pack:center;
	display:box;
	box-pack:center;
	display:-ms-flexbox;
	-ms-flex-pack:center;
	margin: 0 .30rem;
}
.period > ul > li{
	-moz-box-flex:1.0;
	-webkit-box-flex:1.0;
	box-flex:1.0;
	-ms-flex: 1.0;
	margin-right:.09rem;
	min-width:1.36rem;
}
.period > ul > li:last-child{margin-right:0;}
.period > ul > li > img,
.period > ul > li > span{display:block;}
.period > ul > li > img{height:1.77rem;}
.period > ul > li > span{color:#085896; text-align:center;}
.period > ul > li > span:nth-of-type(1){font-size:.24rem; line-height:.42rem;}
.period > ul > li > span:nth-of-type(2){font-size:.14rem;}
.period{padding-bottom:.40rem;}

.about{padding-bottom:.50rem;}
.about[data-title-before] p{margin-top: .26rem;}
/* .about[data-title-before] p:nth-of-type(2n){margin-top: .35rem;} */
.about > p{color:#085896; font-size:.22rem; line-height:.30rem; text-align:justify; text-indent:2em; margin: 0 .30rem;}


#footer_link_info p,#footer_link_info a{color:#fff;}

.comment{width:6.15rem; margin:0 auto; border-radius:4px; margin-top: .25rem; position:relative;}

#player{margin:0 auto;}
.video-container{width:5.52rem; /* height:4.14rem; */ height:3.105rem; margin:0 auto .20rem; position:relative;overflow:hidden;}
.video-container > video{width:1px; height:1px; display:block; background-color:#333; position:absolute; top: -2px; left:0;}
.video-container > .play-btn{
	display: block; width: 1rem; height: 1rem; border-radius: 50%; background-color: rgba(255,255,255,.5);
    position: absolute; top: 50%; left: 50%; z-index: 1; margin-left: -.5rem; margin-top: -.5rem;
}
.video-container > .play-btn:after{
	content: ''; display: inline-block; position: absolute; top: 50%; left: 50%;
    margin-left: -.12rem; margin-top: -.25rem;
	border-width: .25rem 0 .25rem .4rem; border-style: solid;
    border-color: transparent transparent transparent #333;
}
.video-container img{/* width: 1.56rem; height: 1.56rem; */ width:1.16rem; height:1.16rem; border: .03rem solid #4a82d7; border-radius: .04rem; position: absolute;}
.video-container .play_prev{/* top: 1.35rem; */ top: 1.0rem; left:50%; /* margin-left:-.78rem; */ margin-left:-.58rem;}
.video-container .play_on{/* top: 1.0rem; */ top: .75rem; left: 3.46rem;}
.video-container .play_over{/* top: 1.45rem; */ top: 1.10rem; left:50%; /* margin-left:-.78rem; */ margin-left:-.58rem;}

/* #vvCommentM{display:none;} */

.period .guest{ width: 4rem; float: left; }
.guestImg{ float: right; }