/* 图标 */

.cdxcb-share {

	font-style: normal;

	font-size: 16px;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

}



.cdxcb-share .icon-qq:before {   /*qq*/

	content: url(../images/icon_qq.png);

}

.cdxcb-share .icon-weibo:before {  /*新浪微博*/

	content: url(../images/icon_weibo.png);

}

.cdxcb-share .icon-wechat:before {  /*微信*/

	content: url(../images/icon_weixin.png);

}

.cdxcb-share .icon-qzone:before {  /*qq空间*/

	content: url(../images/icon_qzone.png);

}

.cdxcb-share .icon-douban:before {  /*豆瓣*/

	content: url(../images/icon_douban.png);

}



.cdxcb-share a {

	position: relative;

	display: inline-block;

	margin: 0 10px;

	outline: none;

	text-decoration: none;

}



.cdxcb-share .cdxcb-share-icon {

	position: relative;

	display: inline-block;

	width: 48px;

	height: 48px;

	border: 0px solid #666;

	border-radius: 50%;

	color: #666;

	vertical-align: middle;

	text-align: center;

	font-size: 20px;

	line-height: 48px;

	transition: background 0s ease-out 0s;

}



.cdxcb-share .cdxcb-share-icon:hover {

	background:transparent;

	color: #fff;

}



.cdxcb-share .icon-weibo,

.cdxcb-share .icon-qq,

.cdxcb-share .icon-qzone,

.cdxcb-share .icon-wechat,

.cdxcb-share .icon-douban{

	border-color: #cecece;

	color: #cecece;

	background:#cecece;	

}



.cdxcb-share .icon-weibo:hover { background:#fa6042; }

.cdxcb-share .icon-qq:hover { background: #56b6e7; }

.cdxcb-share .icon-qzone:hover { background: #ffbe30; }

.cdxcb-share .icon-wechat:hover { background: #71d147; }

.cdxcb-share .icon-douban:hover { background: #03C510; }



 

.cdxcb-share .icon-wechat .wechat-qrcode {

	position: absolute;

	top: 56px;

	left: -50px;

	z-index: 9;

	display: none;

	width: 150px;

	height: 150px;

	border: 1px solid #eee;

	background-color: #fff;

	color: #666;

	text-align: center;

	font-size: 12px;

	-moz-transition: all 350ms;

	transition: all 200ms;

	-webkit-tansition: all 350ms;

}



.cdxcb-share .icon-wechat .wechat-qrcode.bottom {

	top: 40px;

	left: -84px;

}



/*.cdxcb-share .icon-wechat .wechat-qrcode.bottom:after {

	display: none;

}*/



.cdxcb-share .icon-wechat .wechat-qrcode h4 {

	margin: 0;

	padding: 0;

	height: 26px;

	background-color: #ccc;

	color: #fff;

	font-weight: normal;

	font-size: 12px;

	line-height: 26px;

}



.cdxcb-share .icon-wechat .wechat-qrcode .qrcode {

	margin: 10px auto;

	width: 105px;

}



.cdxcb-share .icon-wechat .wechat-qrcode .qrcode table {

	margin: 0 !important;

}



.cdxcb-share .icon-wechat .wechat-qrcode .help p {

	margin: 0;

	padding: 0;

	font-weight: normal;

	line-height: 16px;

}



.cdxcb-share .icon-wechat .wechat-qrcode:after {

	position: absolute;

    top: -15px;

    left: 50%;

    margin-left: -6px;

    width: 0;

    height: 0;

    border-color: transparent transparent #f3f3f3 transparent;

    border-style: solid;

    border-width: 8px 6px 6px 6px;

    content: ''

}



.cdxcb-share .icon-wechat:hover .wechat-qrcode {

	display: block;

}