﻿@charset "utf-8";
/* CSS Document */

body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5{margin: 0px;padding: 0px;font-size:14px;font-family: "Microsoft YaHei";}
ul,li,dl,dt,dd{ display:block;}
body{background-color:#f5f5f5;}
a,a:link,a:visited,a:active{text-decoration: none;font-family: "Microsoft YaHei";}
a{font-size: 14px;color: #000000;}
a:hover{color: #990000;}img{border: none;}
li{list-style-position: outside;list-style-type: none;}
.list_ico li,.list_ico dd{background: url(../../../2013-css-img/touMing.png) no-repeat 3px center;padding-left: 15px;}
.all_100{width: 100%;}
.all_zhong{margin-right: auto;margin-left: auto;}
/*头部*/
.top{background-color: #f5f5f5;height: 46px;border-bottom: 1px solid #ddd;}
.top ul{width: 1000px;display: block;height: 46px;margin-right: auto;margin-left: auto;}
.top ul li{line-height: 46px;float: left;height: 46px;display: block;}
.top ul li a{line-height: 46px;height: 46px;color: #484848;display: block;font-family: "Microsoft YaHei";float: left;padding-right:8px;padding-left:8px;} 
.top ul li a:hover,.top ul li .cur{background-color: #dddddd;color: #484848;}
/*图集正文*/
.photo_bj{background:url(/yyw_images/css/photo_bj.jpg);overflow: auto;}
.p_title{ height:80px; overflow:hidden; background-color:#eee; padding:20px 0px;}
.p_title dl{ width:740px; padding-left:260px; background:url(/yyw_images/css/t_logo.png) no-repeat; height:auto; overflow:hidden;}
.p_title dl dt{ width:620px; float:left;}
.p_title dl dt span{ color:#999; font-size:13px;}
.p_title dl dd{ width:60px; height:20px; float:right; color:#999; padding-top:60px; text-align:center; cursor:pointer;}
.p_title dl .p_pl{background:url(/yyw_images/css/pl.png) no-repeat center center;}
.p_title dl .p_fx{background:url(/yyw_images/css/fx.png) no-repeat center center;}
h2{font-family: "Microsoft YaHei";font-size: 24px;line-height: 48px;color: #333;text-align: left;width: 100%;}
.photo{ width:1000px; height:auto; overflow:hidden; padding:20px 0px;}
.photo .p_shang{ width:60px; height:420px; background:url(/yyw_images/css/p_s.png) no-repeat center center; float:left;cursor:pointer;}
.photo .p_img{ width:880px; height:auto; overflow:hidden; margin: 0px auto; text-align:center; float:left; background:url(/yyw_images/css/loading.gif) no-repeat center center;}
.photo .p_img img{ }
.photo .p_xia{ width:60px; height:420px; background:url(/yyw_images/css/p_x.png) no-repeat center center; float:right;cursor:pointer;}
.p_content{ background:#f5f5f5;}
.p_sm{ width:960px; height:auto; padding:20px; margin: 2px auto; color:#333;text-indent:2em; overflow:hidden; }
.p_sm p{ line-height:28px; font-size:16px;}

.p_sm div{ float:left; padding-top:10px; padding-bottom:10px; width:100%; overflow:hidden;}
.p_sm div p{display:block; width:100%; height:1px; float:left; line-height:5px;}
.p_sm center{ display:block; height:30px; line-height:30px; float:left; overflow:hidden;}
.p_sm div center a,.p_sm div center span{float:left; margin-right:5px; display:block; padding:0px 15px; height:26px; line-height:26px; text-align:center; border:solid 1px #3c77ce; 
-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius:3px;text-indent:1px;}
.p_sm div center a{color: #fff;font-size: 12px;background-color:#3879d9; }
.p_sm div center a:hover{background-color: #e23d0a;color: #ffffff;border:solid 1px #e23d0a;}
.p_sm div center span{font-weight: bold;}

/*图集推荐*/
.tuJi{width: 1000px;padding-bottom: 10px;margin-top: 15px;height: auto;overflow: hidden;}
.tuJi .biaoTi_da{height: 40px;width: 1000px;float: left;overflow: hidden;position: relative;}
.tuJi .biaoTi_da h2{font-weight: normal;float: left;display: block;height: 40px;width: 100%; line-height:40px}
.tuJi .biaoTi_da h2 a{line-height: 40px;display: block;height: 40px;float: left;font-size: 24px;color: #333333;font-family: "Microsoft YaHei";}
.tuJi .biaoTi_da em{display: block;position: absolute;top: 10px;right: 5px;}
.tuJi .biaoTi_da em a{font-weight: normal;font-style: normal;padding-right: 5px;color: #999999;font-family: "Microsoft YaHei";}
.tuJi ul{display: block;float: left;margin-top: 5px;width: 1000px;height: auto;overflow: hidden;}
.tuJi ul li{display: inline;float: left;margin-bottom: 5px;overflow: auto;width: 235px;margin-right: 5px; background-color:#fff; border:solid 5px #fff;}
.tuJi ul li p{overflow: hidden;height: 30px;line-height: 30px;font-size: 12px;display: block;text-align: center;float: left;font-style: normal;margin: 0px;padding: 0px;width: 100%;}

.pinglun{ width:1000px; overflow:hidden;}
/*底部*/
.bottom_link{width: 100%;margin-top: 5px;margin-bottom: 5px;background-color: #11437d;overflow: auto;}
.bottom_link .b_content{width: 1000px;margin-right: auto;margin-left: auto;background-color: #11437d;overflow: auto;}
.bottom_link .b_content ul{background: url(../../../2013-css-img/line.jpg) no-repeat left center;display: block;float: left;width: 310px;padding: 20px 0px 20px 20px;overflow: hidden;margin: 0px;height: 116px;}
.bottom_link .b_content ul h5{font-size: 15px;color: #FFFFFF;font-weight: normal;margin-bottom: 15px;font-family: "Microsoft YaHei";}
.bottom_link .b_content ul li{line-height: 22px;display: block;float: left;height: 22px;width: 70px;margin-bottom: 5px;margin-right: 5px;overflow: hidden;}
.bottom_link .b_content ul li a{color: #A6CDF4;line-height: 22px;font-weight: normal;font-size: 13px;font-family: "Microsoft YaHei";}
.bottom_link .b_content ul li a:hover{background-color: #0099CC;color: #FFFFFF;}
.bottom{width: 1000px;margin-right: auto;margin-left: auto;overflow: auto;}
.bottom ul{height: 40px;text-align: center;margin-bottom: 10px;font-size: 14px;font-family: "Microsoft YaHei";float: left;width: 100%;}
.bottom .daoH{border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;width: 100%;text-align: center;float: left;height: 33px;padding-top:7px;}
.bottom .daoH a{line-height: 26px;height: 26px;margin-right: 10px;padding-right: 10px;border-right: 1px solid #cccccc;list-style-position: outside;list-style-type: none;font-family: "Microsoft YaHei";}
.guangGao{margin: 10px auto 10px auto;width: 1000px;}
.m_top{ display:none;}
.yyw_fenxiang{ background:url(p_fx.png) no-repeat left center; width:380px; height:80px; overflow:hidden; position:absolute; display:none;}
.shareBox{ overflow:hidden; float:left; width:360px; height:68px; padding-top:12px;}
.shareBox h2{ float:left;}
.shareBox .bdshare-button-style0-16{
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.1) 50%,transparent 50%);
    background-image: linear-gradient(bottom,rgba(0,0,0,.1) 50%,transparent 50%);
    background-size:  100% 0px;
    background-repeat: no-repeat;
    background-position: left bottom;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.shareBox .bdshare-button-style0-16:last-child{background: none;}
.shareBox .bdshare-button-style0-16:after{
    content: "";
    visibility: hidden;
    display: none;
    height: 0;
    clear: both;
}

.shareBox .bdshare-button-style0-16 a{
    text-align: center;
    float: none;
    font-size: 12px;
    padding: 35px 0 0 0;
    line-height: normal;
    height: auto;
    cursor: pointer;
    margin: 10px 0;
    position: relative;
    background: none;
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
	float:left;
}
.shareBox .bdshare-button-style0-16 a:after{
    content: " ";
    width:30px;
    height:30px;
    position: absolute;
    left: 50%;
    top: 0px;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.shareBox .bdshare-button-style0-16 a.bds_qzone:after{
    background: url(http://www.yunyangwang.com/yyw_images/fenxiang/icon_qqkongjian_yellow.png) no-repeat; background-size: 100%;
}
.shareBox .bdshare-button-style0-16 a.bds_tsina:after{
    background: url(http://www.yunyangwang.com/yyw_images/fenxiang/icon_xinlangweibo_red.png) no-repeat; background-size: 100%;
}
.shareBox .bdshare-button-style0-16 a.bds_sqq:after{
    background: url(http://www.yunyangwang.com/yyw_images/fenxiang/icon_qqhaoyou_blue.png) no-repeat; background-size: 100%;
}
.shareBox .bdshare-button-style0-16 a.bds_tqq:after{
    background: url(http://www.yunyangwang.com/yyw_images/fenxiang/icon_qqweibo_green.png) no-repeat; background-size: 100%;
}
.shareBox .bdshare-button-style0-16 a.bds_weixin:after{
    background: url(http://www.yunyangwang.com/yyw_images/fenxiang/icon_weixin_green.png) no-repeat; background-size: 100%;
}

.shareBox .bdshare-button-style0-16 a.popup_more{width: 100%; margin: 20px 0;}
.shareBox .bdshare-button-style0-16 a.popup_more:after{
    width:40px;
    height:40px;
    position: absolute;
    left: 50%;
    top: 0px;
    background: url(http://www.yunyangwang.com/yyw_images/fenxiang/icon_more_orange.png) no-repeat; background-size: 100%;

}
.yyw_close{ display:none;}

@media screen and (max-device-width: 1090px) { 
body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5{margin: 0px;padding: 0px;font-size:1em;}
a,a:link,a:visited,a:active{text-decoration: none;}
a{font-size: 1em;color:#24221e;}
a:hover{color: #CC0000;}
img{border: none;}
img,table,tbody,tr,td { max-width: 100%;text-align:left;}
.top{display:none; }

.photo_bj{background:url(/yyw_images/css/photo_bj.jpg);overflow: auto;}
.p_title{ height:60px; overflow:hidden; background-color:#eee; padding:20px 0px;}
.p_title dl{ width:98%; padding:0px 1%; background:none;}
.p_title dl dt{ width:100%; float:left;}
.p_title dl dt span{ color:#999; font-size:13px;}
.p_title dl dd{ display:none;}
h2{font-size: 18px;line-height: 32px;color: #333; font-weight:100;}
.photo{ width:100%; height:auto; overflow:hidden; padding:0px 0%;}
.photo .p_shang{ display:none;}
.photo .p_img{ width:100%; height:auto;}
.photo .p_img img{ border:none; max-width:100%; width:100%;}
.photo .p_xia{ display:none;}
.p_content{ background:#f5f5f5;}
.p_sm{ width:98%; height:auto; padding:5px 1%; margin: 2px auto;}
.p_sm p{ line-height:28px; font-size:16px;}

.p_sm div center a,.p_sm div center span{padding:0px 8px;}


/*图集推荐*/
.tuJi{width: 98%;padding:5px 1%;margin-top: 3px;height: auto;overflow: hidden;}
.tuJi .biaoTi_da{height: 40px;width: 100%;float: left;overflow: hidden;position: relative;}
.tuJi .biaoTi_da h2{font-weight: normal;float: left;display: block;height: 40px;width: 100%; line-height:40px}
.tuJi .biaoTi_da h2 a{line-height: 40px;display: block;height: 40px;float: left;font-size: 24px;color: #333333;font-family: "Microsoft YaHei";}
.tuJi .biaoTi_da em{display: block;position: absolute;top: 10px;right: 5px;}
.tuJi .biaoTi_da em a{font-weight: normal;font-style: normal;padding-right: 5px;color: #999999;font-family: "Microsoft YaHei";}
.tuJi ul{display: block;float: left;margin-top: 5px;width: 100%;height: auto;overflow: hidden;}
.tuJi ul li{display: inline;float: left;margin-bottom: 5px;overflow: auto;width: 48%;margin-right: 1%;margin-left: 1%; background-color:#fff; border:none;}
.tuJi ul li p{overflow: hidden;height: 30px;line-height: 30px;font-size: 12px;display: block;text-align: center;float: left;font-style: normal;margin: 0px;padding: 0px;width: 100%;}

.pinglun{ width:98%; overflow:hidden; padding:0px 1%;}
.fenge{ display:none;}
.bottom_link{ display:none;}
.bottom{ display:none;}
.bottom .daoH{ display:none;}
.bottom ul{ width:100%;}

.m_top{ display:block; background:#d32f2e url(/yyw_images/m-ico.png) no-repeat center -134px; width:100%; height:50px; overflow:hidden;}
.m_top .houTui{ background:url(/yyw_images/m-ico.png) no-repeat left -3px; width:30%; height:50px; overflow:hidden; float:left;}
.m_top .lieBiao{ background:url(/yyw_images/m-ico.png) no-repeat right -66px; width:30%; height:50px; overflow:hidden; float:right;}


.yyw_fenxiang{ background:#f5f5f5 url(/yyw_images/mfxbj.png) no-repeat top center; height:150px; width:100%; padding-top:69px;display:none; position:fixed; bottom:0px; z-index:65535; overflow:hidden; border-top:solid 1px #eee;}
.shareBox{ overflow:hidden; float:left; width:100%; height:100px; padding-top:0px;}
.yyw_close{ display:block; width:100%;line-height:50px;background:#eee;text-align:center; font-size:16px; float:left;}
}