@import "../../style/mixins.less";

.avatar,
.avatar-min,
.avatar-point,
.avatar-rim {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 76px;
    height: 76px;
    position: relative;
    overflow: hidden;
}

.avatar-rim {
    background: url(http://img04.taobaocdn.com/tps/i4/T1ZvTJXnJjXXaWi27q-395-120.png) no-repeat 0px 0px;
    -background: url(http://img02.taobaocdn.com/tps/i2/T1HpnKXfxdXXaWi27q-395-120.png) no-repeat 0px 0px;
    z-index: 2;
}

.avatar-pic {
    position: absolute;
    width: 60px;
    height: 60px;
    overflow: hidden;
    left: 6px;
    top: 7px;
    z-index: 1;
}

.avatar-pic img {
    border: 0;
    .border-radius(28px);
    width: 60px;
    height: 60px;
}

.avatar .avatar-active {
    background-position: -78px 0px;
}

.avatar-has-label .avatar-rim {
    background-position: -155px 0px;
}

.avatar-has-label .avatar-active {
    background-position: -233px 0px;
}


/**
 * avatar min
 */

.avatar-min,
.avatar-min .avatar-rim {
    width: 40px;
    height: 40px;
}

.avatar-min .avatar-pic {
    width: 30px;
    height: 30px;
    top: 4px;
    left:5px;
}

.avatar-min .avatar-pic img {
    width: 30px;
    height: 30px;
}

.avatar-min .avatar-rim {
    background-position: 0px -80px;
}

.avatar-min .avatar-active {
    background-position: -40px -80px;
}

.avatar-min-label .avatar-rim {
    background-position: -80px -80px;
}

.avatar-min-label .avatar-active {
    background-position: -120px -80px;
}

/**
 * avatar point
 */

.avatar-point {
    height: 92px;
}

.avatar-point .avatar-rim {
    height: 92px;
    background-position: -318px 0px;
}

.avatar-pic img{
    display: none\9;
}
:root .avatar-pic img{
    display:inline;
}

.avatar-pic v\:oval{
    display:block;
    width:62px; 
    height:62px;
    zoom:1;
    position: absolute;
    left: -1px;
    top: -1px;
}

.avatar-min .avatar-pic v\:oval{
    width:32px; 
    height:32px;
}
