@charset "utf-8";
/* CSS Document */
/*
弹出插件 AND 分享插件
autho：smohan
http://www.smohan.net
*/



div.demo{ width:600px; height:320px; line-height:20px; padding-top:20px; border-top:2px dashed #cecece; margin:30px auto; }



/*Layer*/
.Smohan_Layer_Shade{}
.Smohan_Layer_box{display: block !important; margin-top: 0 !important;position: relative;z-index: 3;}
.Smohan_Layer_box h3{ display:none; width:100%; height:30px; line-height:30px; padding:0px 0px 10px 0px; margin:0; border-bottom:1px solid #cccccc; overflow:hidden;}
.Smohan_Layer_box h3 .text{ float:left;font-size:16px; font-family:'Microsoft JhengHei','Microsoft YaHei', Arial, sans-serif; font-weight:600; color:#84c017; text-indent:0.5em; display:block;}
.Smohan_Layer_box h3 .close{ display:block; width:30px; height:30px; background:url(Smohan.layer.close.png) 0px 0px no-repeat; float:right;}
.Smohan_Layer_box h3 .close:hover{background-position:0px -31px;}
.Smohan_Layer_box .layer_content{ display:block; width:100%; margin-top:10px; margin-bottom:10px; padding:0; overflow:hidden; position:relative;}
.Smohan_Layer_box .layer_content .loading{ display:block; width:36px; height:36px; background:url(Load.gif) center center no-repeat; position:absolute; top:0; left:0;}
/*Share*/
#Share{ display:none; /*padding:15px 10px;*/}
#Share ul{ margin:0; padding:0; list-style-type:none;}
#Share ul li{ display:block;line-height: 40px; cursor:pointer; position:relative;}
#Share ul li a{margin: 0 !important; display:block;padding-left: 24px; width:70px;font-size: 14px;color: #333;}
#Share ul li span{ display:none;width:40px;height:10px;background:url(share_shade.png) 0px 0px no-repeat; position:absolute; left:5px; bottom:0px;}
#Share ul li a.share1{ background:url(share_icon2.png) left center no-repeat;}
#Share ul li a.share2{ background:url(wb.png) left center no-repeat;}
#Share ul li a.share3{ background:url(share_icon2.png) left center no-repeat;}
#Share ul li a.share4{ background:url(share_icon2.png) left center no-repeat;}
#Share ul li a.share5{ background:url(share_icon2.png) left center no-repeat;}
#Share ul li a.share6{ background:url(wx.png) left center no-repeat;}
/*微信二维码*/
.none{
	display: none;
}
.qrcode{
	width:94px;
}
.qrcode img{
	max-width: 100%;
	max-height:100%;
}
.qrcode p,.qrcode a{display: none;}
.weixin_close{
	background: #7CBDD0;
	display: inline-block;
	width:100%;
	height:30px;
	line-height: 30px;
	text-align: center;
    color: #fff;
    text-decoration: none
}


.icon-share{
    position: relative;
}
.icon-share .icon_box{
    display: block;
    width: 100%;
    height: 100%;
}
.icon-share .pos{
    display: none;
    position: absolute;
    left:-43px;
    top: 46px;
   /*  transform: translateX(-50%); */
    padding: 16px 20px 20px;
    width: 94px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.icon-share .pos .icon{
    position: absolute;
    left: 50%;
    top: 0;
    width: 32px;
    height: 16px;
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
    border-right: 0px;
    background: url(../share/p16.png) left bottom no-repeat;
}
.icon-share .pos .pos_box{
    height: 150px;
}
.icon-share .pos input{
    padding-left: 24px;
    width: 94px;
    font-size: 14px;
    color: #8590a6;
    text-align: left;
    background: url(../share/lj.png) left center no-repeat;
    cursor: pointer;
}