﻿/*正文主体*/
.slideDown {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    *display:inline;
    width: 110px;
    zoom: 1;
    vertical-align: middle;
    border: 1px solid transparent;
    -webkit-transition: none;
            transition: none;
}
.slideDown .share {
    display: block;
    padding: 10px 0;
    margin: 0;
    text-align: center;;
    cursor: pointer;
    color: #666;
}
.slideDown .share b {
    position: absolute;
    top: 18px;
    right: 30px;
    display: block;
    height: 0;
    overflow: hidden;
    border: solid 5px #fff;
    border-top-color: #757575;
    -webkit-transition: top 1s,all .3s ease-in 0s;
       -moz-transition: top 1s,all .3s ease-in 0s;
         -o-transition: top 1s,all .3s ease-in 0s;
            transition: top 1s,all .3s ease-in 0s;
}

.slideDown .selectBox {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 999;
    display: none;
    width: 110px;
    text-align: left;
    background: #fff;
}
.slideDown .selectBox a {
    display: block;
    height: 39px;
    padding-left: 45px;
    overflow: hidden;
    font: 12px/39px "Arial";
    color: #848484;
    border-top: 1px solid #fff;
    border-bottom: none;
    background-image: none;
}
.slideDown .selectBox a:hover {
    text-decoration: none;;
    color: #535353;
}
.slideDown .selectBox a.ico01 {
    background: url(../images/share_icon.png) no-repeat 12px -1px;
}
.slideDown .selectBox a.ico02 {
    background: url(../images/share_icon.png) no-repeat 12px -39px;
}
.slideDown .selectBox a.ico03 {
    background: url(../images/share_icon.png) no-repeat 12px -79px;
}
.slideDown .selectBox a.ico04 {
    background: url(../images/share_icon.png) no-repeat 12px -119px;
}
.slideDown .selectBox a.ico05 {
    background: url(../images/share_icon.png) no-repeat 12px -158px;
}

.slideDown .selectBox a.ico06 {
    background: url(../images/share_icon2.png) no-repeat 12px 6px;
}
.slideDown .selectBox a.ico07 {
    background: url(../images/share_icon2.png) no-repeat 12px -34px;
}
.slideDown .selectBox a.ico08 {
    background: url(../images/share_icon2.png) no-repeat 12px -74px;
}
.slideDown .selectBox a.ico09 {
    background: url(../images/share_icon2.png) no-repeat 12px -114px;
}
.slideDown .selectBox a.ico10 {
    background: url(../images/share_icon2.png) no-repeat 12px -155px;
}
.slideDown .selectBox a.ico01:hover {
    background: url(../images/share_icon_hover.png) no-repeat 12px -1px;
}
.slideDown .selectBox a.ico02:hover {
    background: url(../images/share_icon_hover.png) no-repeat 12px -39px;
}
.slideDown .selectBox a.ico03:hover {
    background: url(../images/share_icon_hover.png) no-repeat 12px -79px;
}
.slideDown .selectBox a.ico04:hover {
    background: url(../images/share_icon_hover.png) no-repeat 12px -119px;
}
.slideDown .selectBox a.ico05:hover {
    background: url(../images/share_icon_hover.png) no-repeat 12px -159px;
}
.slideDown .selectBox a.ico06:hover {
    background: url(../images/share_icon_hover2.png) no-repeat 12px 6px;
}
.slideDown .selectBox a.ico07:hover {
    background: url(../images/share_icon_hover2.png) no-repeat 12px -34px;
}
.slideDown .selectBox a.ico08:hover {
    background: url(../images/share_icon_hover2.png) no-repeat 12px -74px;
}
.slideDown .selectBox a.ico09:hover {
    background: url(../images/share_icon_hover2.png) no-repeat 12px -114px;
}
.slideDown .selectBox a.ico10:hover {
    background: url(../images/share_icon_hover2.png) no-repeat 12px -155px;
}

.slideCur {
    display: block;
    border: 1px solid #eaeaea;;
    box-shadow: 0 0 2px 2px #eaeaea;
}
.slideCur .share {
    background-color: #f5f5f5;
}
.slideCur .share b {
    top: 12px;
    border: solid 5px #f5f5f5;
    border-top-color: #1e63b0;
    border-top-color: #f5f5f5\9;
    border-bottom: solid 6px #1e63b0\9;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
