/*鏂囩珷椤电鏈?20150710*/
.bd{ width: 1000px; margin: 0 auto; position: relative;}
.bd .main{ width: 645px;}
.bd .sidebar{ width: 315px;}
.bd h3{ font-family: "hiragino sans gb","microsoft yahei"; font-size: 28px; font-weight: bold; line-height: 40px;}
.bd h4{ padding-bottom: 10px; font-family: "hiragino sans gb","microsoft yahei"; font-size: 28px; font-weight: normal; line-height: 40px; background: url(/uploads/image/sujimages/yc_ex_01.gif) 0 20px repeat-x;}
.bd h4 .t{ padding-right: 12px; background: #ffffff; font-weight: bold;}
.bd h4 .change{ margin: 11px 0; font-size: 12px; line-height: 17px; color: #d93024; background: #ffffff;}
.bd h4 .change i{ width: 17px; height: 17px; display: block; text-indent: -100px; overflow: hidden; margin: 0 5px; background: url(/uploads/image/sujimages/yc_sprite_01.png) 0 2px no-repeat;}
.bd h5{ font-family: "hiragino sans gb","microsoft yahei"; font-size:24px; font-style:normal; font-weight:normal; line-height: 40px; text-align:center; color:#3c3c3c;}

.article{ font-size: 16px; line-height: 30px;}
.article .assist{ height: 22px; line-height: 22px; margin: 10px 0 20px; color: #dddddd;}
.article .assist .info{ width: 500px; font-size: 12px;}
.article .assist .info span{ color: #979696;}
.article .assist .adjust{ width: 88px;}
.article .assist .adjust a span{ width: 29px; height: 22px; display: block; text-indent: -100px; overflow: hidden; background: url(/uploads/image/sujimages/yc_sprite_01.png) 0 -128px no-repeat;}
.article .assist .adjust i{ width: 1px; height: 21px; text-indent: -100px; overflow: hidden; background: #dddddd; margin: 0 9px;}
.article .assist .adjust .bigger span{ background-position: 0 -128px; cursor: default;}
.article .assist .adjust .smaller span{ background-position: -49px -128px; cursor: default;}
.article .assist .adjust .bigger:hover .enable{ background-position: -98px -128px; cursor: pointer;}
.article .assist .adjust .smaller:hover .enable{ background-position: -147px -128px; cursor: pointer;}
.article .content{ font-family: "hiragino sans gb","microsoft yahei"; font-size: 16px; line-height: 30px;}
.article .content p{ margin-top:20px; font-family:"microsoft yahei";width:645px;}
.article .content p img{ max-width: 645px; text-align: center;}
.article .content p video{ max-width: 645px; text-align: center;}
.article .content p a{ color: #317585;border-bottom: 1px #317585 dashed;}
.article .content p.editor{ text-indent: 0;}
.article .content p.gohome{ text-indent: 0;}
.article .content p.gohome a{ font-family: "simsun"; font-size: 14px; font-weight: bold; color: #d93024;}
.article .img-wrapper{ width: 645px; margin-top: 20px; text-align: center;}
.article .img-wrapper img{ max-width: 645px;}
.article .code-box .name{ margin-top: 10px; font-size: 14px; text-align: center; line-height: 16px; color: #979696; background: url(/uploads/image/sujimages/yc_ex_01.gif) 0 8px repeat-x;}
.article .code-box .name span{ background: #ffffff; padding: 0 6px; font-family: "hiragino sans gb","microsoft yahei";}
.article .share-box{ border: none;display:none;}

/*
.pagination{ height: 30px; padding: 40px 0; text-align: center;}
.pagination a{ width: 28px; height: 28px; margin: 0 5px; display: inline-block; font-size: 12px; line-height: 27px; text-align: center; color: #d93024; border: 1px solid #dfdede; border-radius: 2px;}
.pagination span{ display: inline-block; line-height: 25px; color: #d93024;}
.pagination a.prev, .pagination a.next{ width: 58px;}
.pagination a.on, .pagination a:hover{ font-weight: bold; color: #ffffff; background: #d93024; border-color: #d93024;}
*/
.pagination{ height: 30px; padding: 40px 0; text-align: center;}
.pagination span{ width: 28px; height: 28px; margin: 0 5px; display: inline-block; font-size: 12px; line-height: 27px; text-align: center; color: #d93024; border:1px solid #dfdede; border-radius: 2px;}
.pagination span.prev, .pagination span.next{ width:58px;}
.pagination span.current a{color:#fff;}
.pagination span.current a:hover{color: #fff;}
.pagination span.current{ font-weight: bold; color:#fff;background:#d93024; border-color: #d93024;}
.pagination span:hover{ border-color: #d93024;}

.share-box{padding:30px 0 50px  87px; border-top: 1px solid #d6d6d6; position: relative; font-family: "hiragino sans gb","microsoft yahei";}
.share-box .title{position: absolute;display: inline-block;padding:0 9px;background: #fff;left: 50%;top: -10px;margin-left: -33px; font-family: simsun; color: #848484;font-size: 14px;}
.share-box li{float: left;margin-right:30px;width: 70px;text-align: center;}
.share-box li a{display: block;width: 70px;height: 70px;background: url(/uploads/image/sujimages/yc_sprite_01.png) 0 -170px;}
.share-box li span{font-size: 14px; line-height: 30px; color: #848484;}
.share-box li.weibo-share a{background-position: 0 -170px;}
.share-box li.friend-share a{background-position: -100px -170px;}
.share-box li.weixin-share a{background-position: -200px -170px;}
.share-box li.qzone-share a{background-position: -300px -170px;}
.share-box li.like-share a{background-position: -400px -170px;}
.share-box li.weibo-share a:hover{background-position: 0 -260px;}
.share-box li.friend-share a:hover{background-position: -100px -260px;}
.share-box li.weixin-share a:hover{background-position: -200px -260px;}
.share-box li.qzone-share a:hover{background-position: -300px -260px;}
.share-box li.like-share a:hover{background-position: -400px -260px;}
.share-box li.haslike a{background-position: -400px -260px;}

.mask-body { width: 100%; height: 100%; background: #000000; opacity: 0.8; position: absolute; top: 0; left: 0;}
.share-layer{width: 650px;height: 350px;position: fixed;top: 20%;left: 50%;margin: -175px 0 0 -325px;background: #fff;z-index: 100;border: 1px solid #c4c4c4;box-shadow: 0 2px 3px rgba(0,0,0,0.2);}
.share-layer .share-box{padding: 80px 0 0 48px;margin-top: 60px;margin:60px 40px 0;}
.share-layer .close{display: inline-block;background: url(/uploads/image/sujimages/yc_sprite_01.png) 0 -609px;width: 45px;height: 45px;position: absolute;top: -20px;right: -20px;}
.share-layer .close:hover{background-position: -100px -609px;}
.weixin-layer{position: absolute;width: 130px;height: 130px;padding: 10px;background: #fff;top: -135px;border: 1px solid #c4c4c4;box-shadow: 0 2px 3px rgba(0,0,0,0.2);}
.weixin-layer img{width:130px;height: 130px;}
.weixin-layer .ico-arr{background: url(/uploads/image/sujimages/yc_sprite_01.png) 0 -672px;width: 12px;height: 8px;display: inline-block;position: absolute;bottom: -7px;left: 50%;margin-left: -7px;}
.share-layer .weixin-layer{top: -85px;}

.related{}
.related .mix-list{}
.related .mix-list li{ margin-bottom: 15px; font-size: 14px; line-height: 28px; color: #616161; background: url(/uploads/image/sujimages/yc_ex_02.gif) 0 bottom repeat-x; padding-bottom: 15px;}
.related .mix-list li .tit{ margin-bottom: 8px; font-family: "hiragino sans gb","microsoft yahei"; font-size: 20px;}
.related .mix-list li .img{ width: 150px; height: 100px; overflow: hidden; margin-top: 7px;}
.related .mix-list li .img img{ width: 150px; height: 100px; display: block;}
.related .mix-list li .more{ font-size: 12px; color: #d93024;}
.related .mix-list li .time{ font-size: 14px; color: #b8b8b8;}
.related .mix-list li .word{ width: 475px;}

.say-box{ padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.say-box textarea{ width: 623px; height: 124px; padding: 10px; margin-bottom: 20px; font-size: 14px; color: #616161; background: #fafafa; border: 1px solid #e7e7e7;}
.say-box .focus{ border: 1px solid #f66640; background: #ffffff;}
.say-box .text{ font-family: "hiragino sans gb","microsoft yahei"; font-size: 14px; color: #b8b8b8;}
.say-box .submit{ width: 70px; height: 30px; font-family: "hiragino sans gb","microsoft yahei"; font-size: 14px; text-align: center; color: #ffffff; cursor: pointer; background: #d93024; border-radius: 5%;}
.say-list{ height: 420px; overflow: hidden; font-size: 14px; line-height: 28px; color: #616161;}
.say-list li{ padding: 15px 0; background: url(/uploads/image/sujimages/yc_ex_02.gif) 0 bottom repeat-x;}
.say-list li .info{ padding-bottom: 5px; font-size: 14px; line-height: 24px; color: #b8b8b8;}
.say-list li .info span{ padding-left: 16px; background: url(/uploads/image/sujimages/yc_sprite_01.png) 6px -86px no-repeat;}
.say-more{ margin-top: -1px; padding-top: 15px; background: #ffffff;}
.say-more p{ width: 123px; height: 40px; padding:0 261px; border-top: 1px solid #dddddd;}
.say-more a{ width: 123px; height: 39px; display: block; font-size: 14px; text-align: center; line-height: 40px; background: #f4f4f4;}

.sidebar .con{ padding-bottom: 20px;}
.pic-list{ margin-left: -15px; overflow: hidden;}
.pic-list li{ width: 150px; height: 155px; overflow: hidden; margin-left: 15px; margin-bottom: 15px; font-size: 12px; line-height: 24px;}
.pic-list li img{ width: 150px; height: 100px;}

.link-list li{ height: 40px; overflow: hidden; font-size: 14px; line-height: 40px;}
.link-list li i{ width: 21px; height: 21px; display: inline-block; margin-right: 9px; line-height: 21px; text-align: center; color: #ffffff; border-radius: 50%; background: #c1c1c1;}
.link-list li.n01 i{ background: #d93024;}
.link-list li.n02 i{ background: #f5682c;}
.link-list li.n03 i{ background: #f5682c;}

.review a{ width: 51px; height: 100px; display: block; text-indent: -300px; overflow: hidden; background: url(/uploads/image/sujimages/yc_sprite_01.png) 0 -350px no-repeat #0d0d0e;opacity: 0.15;filter:alpha(opacity=15); position: absolute; top: 400px;}
.review a.prev{ left: -61px; background-position: -226px -350px;}
.review a.next{ right: -61px; background-position: -318px -350px;}
.review a.prev:hover, .review a.next:hover{ background-color:#d93024; opacity: 0.8;filter:alpha(opacity=80);}

.toolbar{ width: 44px; position: absolute;/* top: 538px;*/ right: -50px;bottom: 80px;}
.toolbar li{ margin-bottom: 6px; padding-left: 4px; position: relative; cursor: pointer;}
/*.toolbar li p{ display: none;}*/
.toolbar li p i{ width: 0; height: 40px; display: block; overflow: hidden; line-height: 40px; text-align: center; color: #ffffff; position: absolute; top: 0; left: 4px;}
.toolbar li p i.air-b{ text-indent: -300px; background: #d93024; opacity: 0.85;filter:alpha(opacity=85);}
.toolbar li .icon{ width: 40px; height: 40px; display: block; text-indent: -100px; overflow: hidden; opacity: 0.15;filter:alpha(opacity=15); background: url(/uploads/image/sujimages/yc_sprite_01.png) 0 -470px no-repeat #0d0d0e;}
.toolbar li.share-btn{display:none;}
.toolbar li.share-btn .icon{ background-position: 8px -470px;}
.toolbar li.comment-btn .icon{ background-position: 8px -516px;}
.toolbar li.gotop-btn .icon{ background-position: 8px -562px;}
/*.toolbar li.on p{ display: block;}*/
.toolbar li.on .icon{ background-color: #d93024; opacity: 0.8;filter:alpha(opacity=80);}


/*css3鍔ㄧ敾 begin*/
/*缂╁皬-鏀惧ぇ-鏍囧噯 zoominout*/
@-webkit-keyframes zoominout {
	0% { -webkit-transform: scale(0.8);}
	50% { -webkit-transform: scale(1);}
	100% { -webkit-transform: scale(1.1);}
}
@-moz-keyframes zoominout {
	0% { -moz-transform: scale(0.8);}
	50% { -moz-transform: scale(1);}
	100% { -moz-transform: scale(1.1);}
}
@-o-keyframes zoominout {
	0% { -o-transform: scale(0.8);}
	50% { -o-transform: scale(1);}
	100% { -o-transform: scale(1.1);}
}
@keyframes zoominout {
	0% { transform: scale(0.8);}
	50% { transform: scale(1);}
	100% { transform: scale(1.1);}
}

/*main 鏂伴椈鍒楄〃灏忓浘*/
.related .mix-list li .img img{
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	-moz-transition: -moz-transform 0.3s ease 0s;
	-o-transition: -o-transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
}
.related .mix-list li .img img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
/*main 鐩稿叧鏂伴椈鈥滄崲涓€鎹⑩€漣con*/
.bd h4 .change i{
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-moz-transition: -moz-transform 0.5s ease-out;
	-o-transition: -o-transform 0.5s ease-out;
	-ms-transition: -ms-transform 0.5s ease-out;
}
.bd h4 .change:hover i{
	-webkit-transform: rotatez(180deg);
	-moz-transform: rotatez(180deg);
	-o-transform: rotatez(180deg);
	-ms-transform: rotatez(180deg);
	transform: rotatez(180deg);
}
/*sidebar 鍥剧墖鍒楄〃灏忓浘*/
.pic-list li img{
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	-moz-transition: -moz-transform 0.3s ease 0s;
	-o-transition: -o-transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
}
.pic-list li img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
/*鍒嗕韩box閲屽悇涓浘鏍?/
.share-box li a:hover{
	-webkit-animation: zoominout 0.3s 1;
	-moz-animation: zoominout 0.3s 1;
	-o-animation: zoominout 0.3s 1;
	animation: zoominout 0.3s 1;
}