html {
    _background-image: url(about:blank);
    _background-attachment: fixed;
}
html,
body {
    font-family: Arial,"Microsoft Yahei","Microsoft Jhenghei","Hiragino Sans GB","STXihei",Sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 150%;
}
.placeholder {
    color: #CCC;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #CCC;
}
::-webkit-input-placeholder {
    color: #CCC;
}

/* 顶导航 */

#global-header-mini {
    width: 100%;
    height: 40px;
    background-color: #FFF;
    clear: both;
}

#global-header-mini .header-inner {
    width: 960px;
    height: 40px;
    margin: 0 auto;
}

#global-header-mini a {
    display: inline-block;
}

#global-header-mini .header-logo {
    float: left;
    display: inline;
    width: 100px;
    margin: 6px 20px 0 0;
}

#global-header-mini .header-nav {
    float: left;
    display: inline;
}

#global-header-mini .header-nav dl {
    width: 60px;
    float: left;
    display: inline;
    margin: 0 20px 0 0;
}

#global-header-mini .header-nav dt {
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
}

#global-header-mini .header-nav dt a {
    border-top: 6px solid #FFF;
    display: block;
    line-height: 28px;
}

#global-header-mini .header-nav dt a:hover {
    text-decoration: none;
}

#global-header-mini .header-nav dd {
    display: none;
    position: absolute;
    z-index: 2;
    padding: 4px 0;
    width: 58px;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 2px;
    text-align: center;
}

#global-header-mini .header-nav dd li {
    line-height: 20px;
}

#global-header-mini .header-nav dd li a {
    display: block;
}

#global-header-mini .header-nav dd li a:hover {
    background-color: #DAF2F1;
    text-decoration: none;
}

#global-header-mini .header-nav dd .caret {
    width: 9px;
    height: 5px;
    overflow: hidden;
    position: absolute;
    top: -5px;
    left: 50%;
    margin: 0 0 0 -4.5px;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico.png?20120926) no-repeat -20px 0;
}

#global-header-mini #header-nav-community a {
    color: #CC5252;
}

#global-header-mini #header-nav-community.nav-current a,
#global-header-mini #header-nav-community a:hover {
    border-top-color: #CC5252;
}

#global-header-mini #header-nav-knowledge a {
    color: #45C1BA;
}

#global-header-mini #header-nav-knowledge.nav-current a,
#global-header-mini #header-nav-knowledge a:hover {
    border-top-color: #45C1BA;
}

#global-header-mini #header-nav-ask a {
    color: #52B1CC;
}

#global-header-mini #header-nav-ask.nav-current a,
#global-header-mini #header-nav-ask a:hover {
    border-top-color: #52B1CC;
}

#global-header-mini #header-nav-space a {
    color: #87C65B;
}

#global-header-mini #header-nav-space.nav-current a,
#global-header-mini #header-nav-space a:hover {
    border-top-color: #87C65B;
}

#global-header-mini #header-nav-xiaofei a {
    color: #CF75C8;
}

#global-header-mini #header-nav-xiaofei.nav-current a,
#global-header-mini #header-nav-xiaofei a:hover {
    border-top-color: #CF75C8;
}

#global-header-mini .header-utility {
    float: right;
    display: inline;
    line-height: 40px;
}

#global-header-mini .trigger {
    height: 100%;
    float: left;
    cursor: pointer;
}

#global-header-mini .ico-dropdown {
    margin: 17px 0 0 5px;
    float: left;
    cursor: pointer;
}

#global-header-mini .user-profile {
    float: left;
    display: inline;
}

#global-header-mini .user-profile .user-avatar {
    float: left;
    display: inline;
    margin: 4px 0 0;
    line-height: 32px;
}

#global-header-mini .user-profile .user-avatar img {
    width: 32px;
    height: 32px;
    display: block;
    vertical-align: middle;
    background-color: #E7E7E7;
}

#global-header-mini .user-profile .user-name {
    float: left;
    display: inline;
    zoom: 1;
    cursor: pointer;
}

#global-header-mini .user-profile .trigger {
    width: 16px;
    height: 30px;
    float: left;
    display: inline;
    margin: 4px 0 0;
    border: 1px solid #E7E7E7;
    border-width: 1px 1px 1px 0;
    border-radius: 0 5px 5px 0;
    text-align: center;
}

#global-header-mini .user-profile a:hover .trigger,
#global-header-mini .user-profile .trigger-hover {
    background-color: #E3ECEE;
}

#global-header-mini .user-profile .ico-dropdown {
    margin: 12px 0 0 3px;
}

#global-header-mini .user-space-decoration {
    float: left;
    margin: 0 0 0 10px;
}

#global-header-mini .user-space-decoration .trigger {
    cursor: pointer;
    line-height: 20px;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/global-header-misc.png) no-repeat 6px -34px;
    border-radius: 5px;
    padding: 0 8px 0 20px;
    color: #666;
    margin: 10px 0 0;
}

#global-header-mini .user-space-decoration .trigger:hover {
    text-decoration: none;
    background-color: #D5E1E5;
}

#global-header-mini .user-inform {
    float: left;
    margin: 0 0 0 5px;
}

#global-header-mini .user-inform .inform-item {
    float: left;
    display: inline;
    width: 20px;
    height: 20px;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/global-header-misc.png) no-repeat -9999px -9999px;
    margin: 10px 5px;
    cursor: pointer;
}

#global-header-mini .user-inform .inform-system {
    background-position: 0 0;
}

#global-header-mini .user-inform .inform-friend {
    background-position: -20px 0;
}

#global-header-mini .user-inform .inform-message {
    background-position: -60px 0;
}

/*
#global-header-mini .user-inform .inform-announce {
    background-position: -60px 0;
}
*/

#global-header-mini .unread {
    width: 17px;
    height: 13px;
    overflow: hidden;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/global-header-misc.png) no-repeat 0 -20px;
    text-align: center;
    line-height: 13px;
    font-size: 9px;
    font-family: Tahoma;
    color: #FFF;
    position: absolute;
    margin: -7px 0 0 13px;
}

#global-header-mini .user-access {
    float: left;
    margin: 0 0 0 10px;
}

#global-header-mini .user-access .access-trigger {  
    cursor: pointer;
    display: inline-block;
}

    /* 导航弹层 */

    .global-nav-utility-popup {
        padding: 8px 12px;
        display: none;
    }

    .global-nav-utility-popup,
    .global-nav-utility-popup p,
    .global-nav-utility-popup li {
        line-height: 20px;
    }
    
    .global-nav-utility-popup .global-loading {
        height: 50px;
    }

    .global-nav-utility-popup .popup-all-done {
        text-align: center;
    }

    .global-nav-utility-popup .popup-all-done p {
        display: inline;
        padding: 0 0 0 30px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/tick.png) no-repeat 0 center;
    }

    #global-nav-user-center-popup {
        width: 80px;
    }

    #global-nav-user-center-popup .user-center li {
        margin: 0 -5px 4px;
    }

    #global-nav-user-center-popup .user-center li a {
        color: #333;
        display: block;
        padding: 0 5px;
        zoom: 1;
    }

    #global-nav-user-center-popup .user-center li a:hover {
        text-decoration: none;
        background-color: #D5E1E5;
    }

    #global-nav-user-center-popup .logout {
        border-top: 1px dotted #CCC;
        padding: 4px 0 0;
    }

    .global-nav-cp-popup {
        width: 200px;
    }

    .global-nav-cp-popup h5 {
        float: left;
        margin: 0 0 6px;
        color: #333;
    }

    .global-nav-cp-popup .refresh {
        float: right;
        margin: 0 0 6px;
    }

    .global-nav-cp-popup .bui-list-cp {
        width: 100%;
        margin: 0 0 -10px;
        padding: 10px 0 0;
        border-top: 1px dotted #CCC;
    }

    .global-nav-cp-popup .list-item {
        border-bottom: 1px dotted #CCC;
        padding: 0 0 6px;
    }

    .global-nav-cp-popup .list-item:last-child {
        border-bottom: none;
        padding: 0;
    }

    .global-nav-cp-popup .list-thumb img {
        width: 32px;
        height: 32px;
    }

    .global-nav-cp-popup .list-detail {
        width: 158px;
        float: left;
    }

    .global-nav-cp-popup .baby-num {
        margin: 0 0 0 10px;
    }

    .global-nav-cp-popup .friend-action a {
        margin: 0 10px 0 0;
    }

    .global-nav-cp-popup .view-all {
        float: right;
        margin: 0 0 6px;
    }

    #global-nav-access-popup {
        padding: 0 12px;
    }

    #global-nav-access-popup .access-list {
        width: 20em;
        padding: 8px 0 0;
        line-height: 20px;
        border-bottom: 1px dotted #CCC;
        zoom: 1;
    }

    #global-nav-access-popup .access-list:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    #global-nav-access-popup .access-list dt {
        float: left;
        display: inline;
        width: 4em;
        color: #999;
        white-space: nowrap;
    }

    #global-nav-access-popup .access-list dd {
        padding: 0 0 8px;
        width: 15em;
        float: left;
        display: inline;
    }

    #global-nav-access-popup .access-list ul {
        zoom: 1;
        width: 16em;
        margin: 0 -1em 0 0;
    }

    #global-nav-access-popup .access-list ul:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    #global-nav-access-popup .access-list li {
        line-height: 20px;
        float: left;
        width: 7em;
        margin: 0 1em 0 0;
    }

    #global-nav-access-popup .access-list li a {
        color: #333;
        display: inline-block;
        padding: 0 5px;
        zoom: 1;
    }

    #global-nav-access-popup .access-list li a:hover {
        text-decoration: none;
        background-color: #D5E1E5;
    }

    #global-nav-access-popup .access-list-setting {
        padding: 8px 0 8px;
        border: 0 none;
    }

    #global-nav-access-popup .access-list-setting dd {
        padding: 0;
    }

    #global-nav-message-popup .type {
        width: 4em;
        text-align: right;
        display: inline-block;
        margin: 0 .5em 0 0;
    }

    .global-nav-notification-popup {
        width: 400px;
        position: fixed;
        bottom: 0;
        right: 10px;
        border-radius: 5px 5px 0 0;
        _position: absolute;
        _bottom: auto;
    }

    .global-nav-notification-popup .notification-body {
        padding: 0 0 0 20px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/green-light.gif) no-repeat 0 5px;
    }

    .global-nav-notification-popup .category {
        font-weight: bold;
        color: #999;
    }

    .global-nav-notification-popup .username {
        font-weight: bold;
    }

    .global-nav-notification-popup .notification-body p a {
        margin: 0 4px;
    }

/* 组件 */

    /* icon */

    .ico {
        display: inline-block;
        background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico.png?20120926);
        background-repeat: no-repeat;
        background-position: -9999px -9999px;
        overflow: hidden;
        line-height: 9999px;
    }

    a .ico {
        margin: 0 5px 0 0;
        vertical-align: -3px;
    }

    a.ico:active,
    a.ico:focus {
        outline: none;
        bb:expression(this.onFocus=this.blur());
    }

    .ico-dismiss { width: 9px; height: 9px; background-position: 0 -5px; }
    .ico-dropdown, a .ico-dropdown { width: 10px; height: 5px; background-position: 0 0; vertical-align: 2px; _vertical-align: 4px; margin: 0 0 0 4px; }
    .ico-dropdown-up, a .ico-dropdown-up { width: 10px; height: 5px; background-position: -10px 0; vertical-align: 2px; margin: 0 0 0 4px; }
    .ico-lock { width: 16px; height: 16px; background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/ico-lock.png); background-position: 0 0;  }
    .ico-unlock { width: 16px; height: 16px; background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/ico-unlocked.png); background-position: 0 0; }
    .ico-spanner { width: 14px; height: 14px; background-position: 0 -100px; }
    .ico-setting { width: 10px; height: 10px; background-position: -40px 0; }
    .ico-edit { width: 11px; height: 11px; background-position: -50px 0; }
    .ico-has-update { width: 8px; height: 8px; background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png); background-position: 0 -270px; }
    .ico-calendar { width: 16px; height: 16px; background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png) no-repeat 0 -290px; }
    .ico-refresh { width: 10px; height: 12px; background-position: -61px 0; }
    .ico-arrow-up { width: 16px; height: 13px; background-position: -72px 0; }
    .ico-feedback { width: 14px; height: 13px; background-position: -88px 0; }

	/* 按钮 */
	.btn {
		line-height: 26px;
		height: 26px;
		overflow: hidden;
		white-space: nowrap;
		padding: 0 10px;
		border: 0;
		border-radius: 3px;
		display: inline-block;
		color: #FFF !important;
		background-color: #000;
		text-align: center;
		vertical-align: middle;
		_overflow: visible;
	}
	.btn:hover {
		text-decoration: none;
	}
	.btn-done {
		opacity: .7;
		filter: alpha(opacity=70)\9;
	}
	.btn-done:hover {
		opacity: 1;
		filter: none\9;
	}
	.btn-large,
	input.btn-large {
		line-height: 40px;
		height: 40px;
		overflow: hidden;
		white-space: nowrap;
		padding: 0 20px;
		border: 0;
		border-radius: 5px;
		display: inline-block;
		color: #FFF !important;
		font-size: 16px;
		font-family: Microsoft Yahei;
		text-align: center;
		vertical-align: middle;
		_overflow: visible;
		background: #8CBA76;
		background: -moz-linear-gradient(top,  #A0C78A 0%, #79AD63 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A0C78A), color-stop(100%,#79AD63));
		background: -webkit-linear-gradient(top,  #A0C78A 0%,#79AD63 100%);
		background: -o-linear-gradient(top,  #A0C78A 0%,#79AD63 100%);
		background: -ms-linear-gradient(top,  #A0C78A 0%,#79AD63 100%);
		background: linear-gradient(to bottom,  #A0C78A 0%,#79AD63 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0C78A', endColorstr='#79AD63',GradientType=0 );
	}
	:root .btn-large {
		filter: none;
	}
	.btn-large:hover {
		text-decoration: none;
	}

    /* 地名select */

    .location-select select {
        width: 9.5em;
    }

    /* 文本列表 */
    
    .text-list li {
        margin: 0 0 4px;
    }

    .text-list li:hover {
        position: relative;
        z-index: 0;
    }

    .text-list li a {
        display: inline-block;
    }

    .text-list li .bui-close {
        position: absolute;
        right: 0;
        top: 4px;
        display: none;
    }

    .text-list li:hover .bui-close {
        display: block;
    }

    .text-list-2col li {
        float: left;
        display: inline;
        width: 50%;
    }

    /* 文本树状列表 */

    .text-multiple-list dt,
    .text-multiple-list dd {
        margin: 0 0 4px;
        line-height: 20px;
    }

    .text-multiple-list dt {
        font-weight: bold;
    }

    .text-multiple-list dt a {
        margin: 0 4px 0 0;
    }

    .text-multiple-list dd li {
        padding: 2px 0 2px 12px;
    }

    .text-multiple-list dd li a {
        margin: 0 4px 0 0;
    }

    .text-multiple-list .ico-dropdown {
        width: 5px;
        height: 10px;
        background-position: -90px -14px;
        vertical-align: -1px;
        _vertical-align: 1px;
        margin: 0 5px 0 2px;
    }

    .text-multiple-list .ico-dropdown-up {
        margin: 0 2px 0 0;
        background-position: 0 0;
    }

    .text-multiple-list dd .current {
        font-weight: bold;
        background-color: #F7F7F7;
    }

    /* 文本标签列表 */

    .tag-text-list {
        zoom: 1;
    }

    .tag-text-list:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .tag-text-list li {
        display: inline;
        float: left;
        margin: 2px 10px 2px 0;
        line-height: 22px;
        height: 22px;
    }

    .tag-text-list li a {
        display: inline-block;
        white-space: nowrap;
    }

    /* 块状标签列表 */

    .tag-label-list {
        zoom: 1;
    }

    .tag-label-list:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .tag-label-list li {
        display: inline;
        float: left;
        margin: 5px 10px 5px 0;
        padding: 2px 28px 2px 8px;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, .5);
        background-color: #333\0/;
        +background-color: #333;
        color: #FFF;
        cursor: default;
    }

    .tag-label-list li .tag-item {
        display: inline-block;
        line-height: 1.6;
        white-space: nowrap;
    }

    .tag-label-list li .ico-dismiss {
        margin: 6px 0 0 10px;
        position: absolute;
        background-position: -10px -5px;
    }

    /* 按钮式Tab */

    .mytree-tab {
        margin: 0 0 10px;
        padding: 0 0 5px;
        border-style: solid;
        border-bottom-width: 2px;
        clear: both;
        zoom: 1;
    }

    .mytree-tab:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .mytree-tab-large {
        border-bottom-width: 5px;
    }
    
    .mytree-tab ul {
        float: left;
        display: inline;
    }

    .mytree-tab .tab-block {
        float: left;
        display: inline;
        margin: 0 8px 0 0;
        text-align: center;
    }

    .mytree-tab .tab-block a {
        float: left;
        padding: 2px 8px;
        border-radius: 5px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/transparent-white-2.png) repeat;
        _background: none;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static01.babytreeimg.com/img/mybabytree_v2/common/transparent-white-2.png', sizingMethod='scale');
    }

    .mytree-tab .tab-block a:hover {
        text-decoration: none;
    }

    .mytree-tab .tab-block a strong {
        font-weight: normal;
    }

    .mytree-tab .current a {
        background-image: none;
        _filter: none;
    }

    .mytree-tab-large .tab-block a strong,
    .mytree-tab .current a strong {
        font-weight: bold;
    }

    .mytree-tab .tab-block .num {
        margin: 0 0 0 5px;
    }
    
    .mytree-tab-large .tab-block a {
        height: 38px;
        padding: 5px 15px;
    }

    .mytree-tab-large .tab-block strong {
        font-size: 14px;
        display: block;
    }

    .mytree-tab-large .tab-block .num {
        margin: 0;
    }

    .mytree-tab .tab-related {
        float: right;
        display: inline;
        line-height: 24px;
    }

    .mytree-tab .tab-related a,
    .mytree-tab .tab-related input,
    .mytree-tab .tab-related button {
        vertical-align: text-bottom;
    }

    .mytree-tab .tab-related p {
        line-height: 24px;
    }

    /* 内容筛选 */

    .mytree-sort {
        position: relative;
        z-index: 1;
        clear: both;
        line-height: 20px;
    }

    .mytree-sort p.sort-label {
        position: absolute;
        height: 20px;
        line-height: 20px;
        padding: 0 0 0 10px;
        right: 0;
        white-space: nowrap;
        cursor: pointer;
    }

    .mytree-sort p.sort-label a {
        display: inline-block;
    }

    .mytree-sort p.sort-label a:hover {
        text-decoration: none;
    }

    .mytree-sort .current {
        display: inline-block;
        font-weight: bold;
        cursor: default;
    }
    
    .mytree-sort .current:hover {
        text-decoration: none;
    }

    .mytree-sort .gap {
        vertical-align: middle;
    }

    .mytree-sort .ico-dropdown {
        margin: 0 0 0 4px;
    }

    .sort-filter {
        right: 0;
        top: 18px;
        text-align: center;
    }

    .sort-filter li {
        cursor: pointer;
        line-height: 20px;
        color: #666;
    }

    .sort-filter li a {
        color: #666;
        white-space: nowrap;
    }

    .sort-filter .current,
    .sort-filter .current a {
        font-weight: bold;
        color: #333;
    }

    /* help */

    .global-help {
        display: inline-block;
        vertical-align: middle;
        margin: 0 4px;
    }

    .help-icon {
        width: 16px;
        height: 16px;
        display: inline-block;
        cursor: help;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png) no-repeat 0 -380px;
        overflow: hidden;
        line-height: 9999px;
        cursor: help;
        float: left;
    }

    .help-text {
        width: 150px;
        z-index: 2;
        display: none;
        margin: 0 0 0 5px;
    }

    /* 侧栏模块底部更多 */

    .module-bottom-more {
        text-align: right;
        padding: 10px 0 0;
    }

    .module-bottom-more a {
        display: inline-block;
    }

    /* 侧栏评论列表 */

    .mytree-latest-comment-list li {
        margin: 0 0 10px;
        word-wrap: break-word;
    }

    .mytree-latest-comment-list li a {
        display: inline-block;
    }

    .mytree-latest-comment-list li .username {
        font-weight: bold;
        margin: 0 4px 0 0;
    }

    /* 频道主功能按钮 */

    #mytree-side-primary-action {
        padding: 10px 0;
        border-width: 0;
        zoom: 1;
    }

    #mytree-side-primary-action:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    #mytree-side-primary-action .in-line-left {
        float: left;
        display: inline;
        margin: 0 0 5px;
    }

    #mytree-side-primary-action .in-line-right {
        float: right;
        display: inline;
        margin: 0 0 5px;
    }
    
    #mytree-side-primary-action .in-line-center {
        text-align: center;
        clear: both;
    }

    .primary-action-button {
        width: 180px;
        height: 40px;
        display: block;
        margin: 0 auto;
        border-radius: 5px;
    }

    .primary-action-button a {
        display: block;
    }
    
    .primary-action-button .action-skin {
        width: 100%;
        height: 100%;
        display: block;
        background-repeat: no-repeat;
        cursor: pointer;
        border-radius: 5px;
    }

    .primary-action-button-journal .action-skin {
        background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-side-primary-action-journal.png);
        _background: none;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static01.babytreeimg.com/img/mybabytree_v2/common/mytree-side-primary-action-journal.png', sizingMethod='scale');
    }

    .primary-action-button-video .action-skin {
        background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-side-primary-action-video.png);
        _background: none;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static01.babytreeimg.com/img/mybabytree_v2/common/mytree-side-primary-action-video.png', sizingMethod='scale');
    }

    .primary-action-button-record .action-skin {
        background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-side-primary-action-record.png);
        _background: none;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static01.babytreeimg.com/img/mybabytree_v2/common/mytree-side-primary-action-record.png', sizingMethod='scale');
    }

    /* 上下篇 */

    .mytree-article-pager {
        zoom: 1;
        line-height: 20px;
        margin: 20px 0 30px;
    }

    .mytree-article-pager:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .mytree-article-pager li .pager-title {
        display: inline;
        background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico.png?20120926);
        background-repeat: no-repeat;
    }

    .mytree-article-pager .prev {
        float: left;
        padding: 0 0 0 15px;
    }
    
    .mytree-article-pager .prev .pager-label {
        float: left;
    }
    
    .mytree-article-pager .prev .pager-title {
        float: left;
        background-position: 0 -225px;
        padding: 0 0 0 55px;
        margin: 0 4px 0 -50px;
    }

    .mytree-article-pager .next {
        float: right;
        padding: 0 15px 0 0;
    }

    .mytree-article-pager .next a,
    .mytree-article-pager .next .pager-label {
        float: right;
    }

    .mytree-article-pager .next .pager-title {
        float: right;
        background-position: 100% -255px;
        padding: 0 55px 0 0;
        margin: 0 -50px 0 4px;
    }

    /* 相关条目 */

    .mytree-article-related {
        border-top: 1px dotted #CCC;
        padding: 10px 0 0;
    }

    .mytree-article-related .module-head,
    .mytree-article-related .module-body {
        margin: 0 0 10px;
    }

    .mytree-article-related h4 {
        font-size: 12px;
    }

    .mytree-article-related .text-list-2col li {
        line-height: 18px;
        height: 18px;
    }

    .mytree-article-related .text-list-2col li a {
        margin: 0 .4em 0 0;
    }

    /* 回复/留言 */

    .mytree-comment {
        width: 690px;
    }

    .mytree-comment .comment-header {
        height: 24px;
        padding: 0 0 6px;
    }

    .mytree-comment .comment-header h3 {
        line-height: 24px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png) no-repeat 0 -113px;
        padding: 0 0 0 20px;
        float: left;
        display: inline;
        font-weight: normal;
    }

    .mytree-comment .comment-header h3 strong {
        font-size: 17px;
    }

    .mytree-comment .comment-header h3 .num {
        font-size: 12px;
        margin: 0 0 0 4px;
    }

    .mytree-comment .comment-header .my-comment {
        float: right;
        display: inline;
        line-height: 24px;
    }

    .comment-list {
        margin: 0 0 10px;
    }

    .comment-list .comment-item {
        min-height: 60px;
        padding: 10px 0 10px 60px;
        margin: 0 0 2px;
        position: relative;
        z-index: 0;
        zoom: 1;
        border-top: 1px dotted #CCC;
        +background-color: #fff;
    }

    .comment-list .comment-item:first-child {
        border-top-width: 0;
    }

    .comment-list .sub {
        margin: 0 0 10px 60px;
        padding: 6px 10px;
        border-top: none;
        border: 1px dotted #CCC;
        background-color: #F3F3F3;
        border-radius: 5px;
    }

    .comment-list .comment-avatar {
        position: absolute;
        top: 14px;
        left: 0px;
    }

    .comment-list .comment-avatar img {
        width: 48px;
        height: 48px;
    }

    .comment-list .comment-user a {
        font-weight: bold;
    }

    .comment-list .sub .comment-user a {
        font-weight: normal;
    }

    .comment-list .comment-date {
        margin: 0 0 0 10px;
    }

    .comment-list .comment-cite {
        margin: 0 0 0 10px;
    }

    .comment-list .comment-cite a {
        font-weight: normal;
    }

    .comment-list .comment-text {
        display: inline-block;
        margin: 5px 0;
        word-wrap: break-word;
        word-break: break-all;
        width: 630px;
    }

    .comment-list .sub .comment-text {
        width: 608px;
    }

    .comment-list .comment-action {
        position: absolute;
        right: 30px;
        top: 10px;
    }

    .comment-post {
        margin: 0 0 5px;
    }

    .comment-post textarea {
        width: 98%;
        height: 6em;
        border-width: 3px;
    }

    .comment-submit {
        text-align: right;
        margin: 0 0 10px;
    }

    .comment-submit .bui-button {
        vertical-align: middle;
    }
    
    .comment-list .private-mode {
        margin: 0 10px 0 0;
        display: inline-block;
    }

    .comment-list .private-mode input {
        vertical-align: -3px;
        margin: 0 4px 0 0;
        margin: 0\9;
    }

    .comment-list .bui-close {
        right: 10px;
        top: 10px;
        display: none;
    }

    .comment-list :hover .bui-close {
        display: block;
    }

    .comment-more {
        text-align: center;
    }

    .comment-more a {
        display: inline-block;
    }

    /* 薇博 */

    .mytree-tweet {
        width: 690px;
    }

    .mytree-tweet .tweet-header {
        height: 24px;
        padding: 0 0 6px;
    }

    .mytree-tweet .tweet-header h3 {
        line-height: 24px;
        float: left;
        display: inline;
        font-weight: normal;
    }

    .mytree-tweet .tweet-header h3 strong {
        font-size: 17px;
    }

    .mytree-tweet .tweet-header h3 .num {
        font-size: 12px;
        margin: 0 0 0 4px;
    }

    .mytree-tweet .tweet-header .my-tweet {
        float: right;
        display: inline;
        line-height: 24px;
    }

    .mytree-tweet .tweet-tab {
        position: relative;
        z-index: 0;
    }

    .mytree-tweet .tweet-hot-topic {
        position: absolute;
        top: 38px;
        right: 0;
    }

    .mytree-tweet .tweet-hot-topic a {
        margin: 0 4px;
        display: inline-block;
    }

    .mytree-tweet .tweet-sum {
        margin: 0 0 5px;
        font-size: 14px;
        font-weight: bold;
    }

    .tweet-group-action {
        font-size: 14px;
        margin: 0 0 10px;
    }
    
    .tweet-group-action a {
        display: inline-block;
    }

    .tweet-group-action .input-section input,
    .tweet-group-action .gap {
        _vertical-align: baseline; /* IE6 adjustment */
    }

    .tweet-list {
        margin: 0 0 10px;
    }

    .tweet-list .tweet-item {
        min-height: 60px;
        padding: 10px 0 10px 60px;
        position: relative;
        z-index: 0;
        zoom: 1;
        border-top: 1px dotted #CCC;
    }

    .tweet-list .tweet-item:after {
        content: " ";
        display: table;
        clear: both;
    }

    .tweet-list .tweet-item:first-child {
        border-top-width: 0;
    }

    .tweet-list .tweet-item .check-mode {
        position: absolute;
        left: 0;
        top: 16px;
    }

    .tweet-list .tweet-item .check-mode input {
        width: 13px;
    }

    .tweet-list .tweet-avatar {
        position: absolute;
        top: 16px;
        left: 0px;
    }

    .tweet-list .tweet-avatar img {
        width: 48px;
        height: 48px;
    }

    .tweet-list .tweet-info {
        clear: both;
        height: 20px;
    }

    .tweet-list .tweet-info a {
        display: inline-block;
    }

    .tweet-list .tweet-meta {
        float: left;
    }

    .tweet-list .tweet-source {
        margin: 0 0 0 5px;
    }

    .tweet-list .tweet-action {
        float: right;
    }

    .tweet-list .tweet-text {
        display: inline-block;
        margin: 5px 30px 10px 0;
        font-size: 14px;
        word-wrap: break-word;
        width: 600px;
    }

    .tweet-list .tweet-text font {
        font-size: 14px;
    }

    .tweet-list .t-comm font {
        font-size: 12px;
    }
    
    .tweet-list .t-comm p {
        margin: 0 0 5px;
    }
    
    .tweet-list .t-comm .img {
        margin: 0 0 5px;
        display: block;
    }

    .tweet-list-edit .tweet-item {
        padding: 10px 0 10px 90px;
    }

    .tweet-list-edit .tweet-avatar {
        left: 30px;
    }

    .tweet-list-edit .tweet-text {
        width: 570px;
    }

    /* 旧薇博评论 */
    .tweet-list .t-comm,
    .tweet-list .t-re {
        word-wrap: break-word;
        font-size: 12px;
        border-radius: 5px;
        background: #F9F8F1;
        border: 1px solid #E5DFCE;
        position: relative;
        margin: 12px 0;
        padding: 7px 12px;
        color: #666;
    } 
    .mytree-tweet .t-re a {
        color: #06C;
    }
    .t-re .arrow {
        width: 9px;
        height: 6px;
        background: url(http://static01.babytreeimg.com/img/tweet/ico.png?v=1) 0 -410px;
        position: absolute;
        top: -6px;
        _top: -5px;
        right: 80px;
        z-index: 1;
        overflow: hidden;
    }
    .t-re .re {
        padding: 10px;
    }
    .t-re .re .face, .comment .face {
        display: inline-block;
        padding-left: 25px;
        background: url(http://static01.babytreeimg.com/img/tweet/ico.png?v=1) 0 0;
        line-height: 14px;
        height: 14px;
        vertical-align: middle;
    }
    .t-re .re .face:hover {
        background: url(http://static01.babytreeimg.com/img/tweet/ico.png?v=1) 0 0;
    }
    .t-re .re .in-text {
        height: 24px;
        width: 470px;
        border: 1px solid #ccc;
        line-height: 24px;
        padding-left: 3px;
        margin: 0 5px;
        vertical-align: middle;
    }
    .btn-comm, .btn-comm:hover, .t-re .re .btn-comm:hover {
        height: 26px;
        width: 86px;
        display: inline-block;
        line-height: 26px;
        text-align: center;
        color: #000;
        font-size: 12px;
        background: url(http://static01.babytreeimg.com/img/tweet/btn.png) 0 0;
        vertical-align: middle;
        color: #333 !important;
    }
    .t-re .re label {
        display: block;
        padding: 10px 0 0 30px;
    }
    .t-re .text {
        padding: 10px 10px 12px 50px;
        line-height: 1.5;
        border-top: 1px dotted #CCC;
    }
    .t-re .text span {
        margin: 3px 0 0 -35px;
        float: left;
    }
    .t-re .text span a img {
        padding: 1px;
        border: 1px solid #ccc;
    }
    .t-re .text .fr {
        display: block;
    }
    .t-re-status {
        text-align: right;
        margin-right: -10px;
    }
    .t-re-status a {
        margin: 0 8px;
        padding: 0 2px;
    }

    .tweet-post {
        margin: 0 0 5px;
    }

    .tweet-post textarea {
        width: 98%;
        height: 6em;
        border-width: 3px;
    }

    .tweet-submit {
        text-align: right;
        margin: 0 0 10px;
    }

    .tweet-submit .bui-button {
        vertical-align: middle;
    }
    
    .tweet-list .private-mode {
        margin: 0 10px 0 0;
        display: inline-block;
    }

    .tweet-list .private-mode input {
        vertical-align: -3px;
        margin: 0 4px 0 0;
        margin: 0\9;
    }

    .tweet-list .bui-close {
        right: 10px;
        top: 10px;
        display: none;
    }

    .tweet-list :hover .bui-close {
        display: block;
    }

    .mytree-tweet .tweet-empty {
        margin: 60px 0;
        font-size: 14px;
        text-align: center;
    }

    .tweet-comment {
        background: #F9F8F1;
        border-top: 1px solid #E5DFCE;
        border-bottom: 1px solid #E5DFCE;
        padding: 15px 20px;
        font-size: 12px;
        position: relative;
    }
    .tweet-comment .arr {
        width: 25px;
        height: 14px;
        background: url(http://static01.babytreeimg.com/img/tweet/ico.png?v=1) 0 -395px;
        overflow: hidden;
        position: absolute;
        top: -13px;
        right: 35px;
    }
    .tweet-comment h2 {
        padding-bottom: 15px;
        font-size: 14px;
    }
    .tweet-comment .face {
        margin-left: -30px;
        float: left;
    }
    .tweet-comment .ta {
        padding: 0 0 30px 30px;
    }
    .tweet-comment textarea {
        width: 600px;
        height: 80px;
        background: #fff;
        padding: 10px;
        font-size: 14px;
        overflow: auto;
        border-top: 1px solid #A2A199;
        border-left: 1px solid #A2A199;
        border-right: 1px solid #D8D8D8;
        border-bottom: 1px solid #D8D8D8;
    }
    .tweet-comment label {
        float: left;
        margin-top: 10px;
    }
    .tweet-comment .btn-comm {
        float: right;
        margin: 5px 15px 0 0;
    }
    .tweet-comment .p {
        height: 26px;
        background: #E9E5CA;
        line-height: 26px;
        padding: 0 10px;
    }
    .tweet-comment .t-re {
        border: 0;
        background: url(http://static01.babytreeimg.com/img/tweet/dotline1.png) repeat-x left top;
        margin: 1px 0;
    }
    .tweet-comment .t-re .text {
        background: url(http://static01.babytreeimg.com/img/tweet/dotline1.png) repeat-x left bottom;
    }

    /* 成长档案小数据 */

    .record-detail-list {
        width: 14em;
        font-size: 14px;
        line-height: 20px;
        zoom: 1;
    }

    .record-detail-list:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .record-detail-list dt {
        float: left;
        display: inline;
        /*width: 3em;*/
        padding: 0 0 10px;
        white-space: nowrap;
    }

    .record-detail-list dd {
        float: left;
        display: inline;
        width: 4em;
        padding: 0 0 10px;
        white-space: nowrap;
    }

    .record-detail-list .milestone {
        width: auto;
        display: block;
        float: none;
    }

    .record-detail-list .milestone p {
        line-height: 20px;
    }

    /* 成长曲线图例 */

    .mytree-record-curve-legend {
        zoom: 1;
        color: #333;
        background-color: #FFF;
    }

    .mytree-record-curve-legend:after {
        content: "";
        display: table;
        clear: both;
    }

    .mytree-record-curve-legend .legend-baby {
        width: 190px;
        height: 33px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/record-curve-legend.png) no-repeat 0 0;
        margin: 5px;
    }

    .mytree-side .mytree-record-curve-legend .legend-baby {
        margin: 0;
    }

    .mytree-record-curve-legend .legend-mom {
        width: 190px;
        height: 19px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/record-curve-legend.png) no-repeat 0 -33px;
    }

    .mytree-record-curve-legend .weight {
        float: left;
        display: inline;
        margin: 0 0 0 5px;
    }

    .mytree-record-curve-legend .height {
        float: right;
        display: inline;
        margin: 0 5px 0 0;
    }

    /* 成功 */

    .global-done-panel {
        border-radius: 5px;
        background: #F3EBCA url(http://static01.babytreeimg.com/img/mybabytree_v2/common/tick-large.png) no-repeat 20px 40px;
        padding: 20px 20px 20px 120px;
        font-size: 14px;
        color: #666;
    }

    .global-done-panel h2 {
        margin: 0 0 5px;
        color: #333;
        font-size: 24px;
    }

    .global-done-panel h2 small {
        font-weight: normal;
        font-size: 14px;
        margin: 0 0 0 1em;
    }

    .global-done-panel h2 small a {
        color: #06C;
    }
    
    .global-done-forward a {
        margin: 0 5px 0 0;
    }

    .global-done-related {
        margin: 30px 0 0;
    }

    .global-done-related a {
        display: inline-block;
    }

    .global-done-related .related-item h4 {
        margin: 0 0 5px;
    }

    .global-done-related .related-item ul {
        width: 100%;
    }

    .global-done-related .related-item li {
        float: left;
        display: inline;
        width: 50%;
        line-height: 20px;
    }

    .global-done-panel-201410 {
        padding: 25px 35px 25px 150px;
        background: #F3EBCA url(http://static01.babytreeimg.com/img/mybabytree_v2/common/tick-large.png) no-repeat 140px 35px;
    }
    .global-done-panel-201410 h2 {
        margin: 0 0 0 80px;
    }
    .global-done-panel-201410 h2 small {
        font-size: 12px;
    }
    .global-done-panel-201410 h2 small a {
        margin: 0 2em 0 0;
    }
    .global-done-panel-201410 .title-sub {
        margin: 0 0 0 80px;
        font-size: 16px;
        font-weight: bold;
        color: #333;
    }
    .global-done-panel-201410 .phone {
        position: relative;
        height: 350px;
        padding: 0 0 0 210px;
        margin: 20px 0 0;
        font-size: 14px;
        font-weight: bold;
        color: #333;
        background: transparent url(/img/mybabytree_v2/common/app-201410-phone.png) no-repeat 0 0;
    }
    .global-done-panel-201410 .phone .publish {
        position: absolute;
        top: 48px;
        left: 9px;
    }
    .global-done-panel-201410 .app {
        display: block;
        padding: 80px 0 10px;
    }
    .global-done-panel-201410 .phone-for-photo .app {
        padding-top: 50px;
    }
    .global-done-panel-201410 .phone em {
        color: #E1373D;
    }
    .global-done-panel-201410 .phone small {
        font-size: 12px;
    }
    .global-done-panel-201410 .action-other {
        margin: 30px 0 0;
        font-size: 12px;
        font-weight: normal;
    }

    .photo-upload-done-201610 {
        padding: 0 40px;
        background: none;
    }
    .photo-upload-done-201610 a {
        text-decoration: none;
    }
    .photo-upload-done-201610 a:hover {
        text-decoration: underline;
    }
    .photo-upload-done-201610 h2 {
        position: relative;
        padding: 0 0 32px 115px;
        margin: 0 0 32px;
        font-size: 30px;
        line-height: 56px;
        color: #6CD966;
        background: url(/img/mybabytree_v2/common/tick-green.png) no-repeat 50px 0;
        border-bottom: 1px solid #E9E9E9;
    }
    .photo-upload-done-201610 h2 small {
        position: absolute;
        top: 15px;
        right: 10px;
        font-size: 20px;
        line-height: 26px;
        border-left: 1px solid #B9B9B9;
    }
    .photo-upload-done-201610 h2 small a {
        margin: 0 0 0 1.5em;
        color: #C29818;
    }
    .photo-upload-done-201610 h2 a:first-of-type {
        color: #EC4747;
    }
    .photo-upload-done-201610 .title-sub {
        margin: 0 0 0 200px;
        line-height: 42px;
        color: #727D7F;
    }
    .photo-upload-done-201610 .phone-for-photo {
        position: relative;
        padding: 0 0 0 330px;
        color: #474747;
    }
    .photo-upload-done-201610 .app {
        display: block;
    }
    .photo-upload-done-201610 .publish img {
        position: absolute;
        top: -42px;
        left: 0;
    }
    .photo-upload-done-201610 .qrcode img {
        position: absolute;
        top: 0;
        left: 200px;
        width: 120px;
        border: 1px solid #F3EBCA;
    }
    .photo-upload-done-201610 .p1 {
        font-size: 30px;
        line-height: 50px;
    }
    .photo-upload-done-201610 .p2 {
        font-size: 25px;
        line-height: 40px;
    }
    .photo-upload-done-201610 .p3 {
        font-size: 20px;
        line-height: 32px;
        color: #727D7F;
    }
    .photo-upload-done-201610 em {
        color: #EB3636;
    }
    .photo-upload-done-201610 .action-other {
        padding-top: 32px;
        margin: 32px 0 0 -130px;
        color: #727D7F;
        border-top: 1px dashed #CFD4D5;
    }
    .photo-upload-done-201610 .action-other li {
        display: inline;
        margin: 0 1em 0 0;
    }
    .photo-upload-done-201610 .action-other a {
        color: #727D7F;
    }

    /* 成长记录发布 */

    .mytree-record-post {
        zoom: 1;
        position: relative;
        z-index: 1;
    }

    .mytree-record-post:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .mytree-record-post .bui-button-large-green {
        color: #FFF !important;
    }

    .mytree-record-post h2 {
        float: left;
        display: inline;
        color: #333;
    }

    .mytree-record-post-header {
        height: 30px;
        margin: 0 0 20px;
        clear: both;
    }
    
    .mytree-record-post-header .header-extra {
        float: right;
        display: inline;
        margin: 0 20px 0 0;
    }

    .mytree-record-baby-select {
        margin: 20px 0;
        font-size: 14px;
    }

    .mytree-record-baby-select .input-section {
        margin: 0 30px 0 0;
    }

    .mytree-record-post .date-selector {
        float: left;
        display: inline;
        margin: 2px 0 0 20px;
    }

    .mytree-record-post .date-selector input {
        float: left;
        display: inline;
    }

    .mytree-record-post .date-selector-trigger {
        float: left;
        display: inline;
        width: 16px;
        height: 16px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png) no-repeat 0 -290px;
        margin: 3px 0 0 6px;
        cursor: pointer;
    }

    .mytree-record-post .post-type-trigger {
        margin: 0 0 5px;
        height: 25px;
    }

    .mytree-record-post .post-type-trigger label {
        font-weight: bold;
        font-size: 14px;
        color: #333;
        cursor: pointer;
    }

    .mytree-record-post .post-type-trigger input {
        margin: 0 6px 0 0;
    }

    .mytree-record-post-meter {
        float: left;
        display: inline;
        width: 430px;
        height: 340px;
        margin: 0 0 20px;
        position: relative;
        z-index: 0;
    }
    
    .mytree-record-post-meter .meter-status {
        height: 310px;
        background-color: #FFF;
        border-radius: 5px;
        position: relative;
        z-index: 0;
    }

    .mytree-record-post-meter .meter-flash {
        height: 240px;
        margin: 10px;
        float: left;
        display: inline;
    }

    .mytree-record-post-meter .status-list {
        position: absolute;
        bottom: 30px;
        right: 10px;
    }

    .mytree-record-post-meter .status-list li {
        margin: 10px 0 0;
        font-weight: bold;
        color: #333;
        font-size: 14px;
        text-align: right;
    }

    .mytree-record-post-meter .status-list input {
        color: #333;
        font-weight: bold;
        font-size: 14px;
        width: 50px;
        margin: 0 4px 0 10px;
        vertical-align: middle;
    }

    .mytree-record-post-meter .status-list .must {
        height: auto;
        font-size: 14px;
    }

    .mytree-record-post-meter .status-list .status-measurement {
        width: 2em;
        display: inline-block;
        text-align: left;
    }

    .mytree-record-post-milestone {
        float: right;
        display: inline;
        width: 406px;
        height: 340px;
        margin: 0 0 20px;
        position: relative;
        z-index: 0;
    }
    
    .mytree-record-post-meter .meter-mask,
    .mytree-record-post-milestone .milestone-mask {
        background-color: #666;
        filter: alpha(opacity=40);
        opacity: 0.4;
        border-radius: 5px;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 30px;
        display: none;
    }

    .mytree-record-post-meter .meter-mask {
        width: 430px;
        height: 310px;
    }

    .mytree-record-post-milestone .milestone-mask {
        width: 406px;
        height: 310px;
    }

    .milestone-list-container {
        position: relative;
        z-index: 0;
        overflow: hidden;
        margin: 0 0 50px;
    }

    .milestone-list {
        height: 174px;
        margin: 0 0 10px;
        position: absolute;
    }

    .milestone-list:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .milestone-list li {
        float: left;
        display: inline;
        width: 200px;
        margin: 0 3px 0 0;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
    }
    
    .mytree-record-post .milestone-list li a {
        color: #666;
        display: block;
        margin: 0 0 4px;
        padding: 2px 10px 2px 22px;
        border-radius: 5px;
    }

    .milestone-list li a:hover {
        text-decoration: none;
        color: #333;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png) no-repeat 6px -312px;
    }

    .milestone-list li a:active,
    .milestone-list li a:focus {
        outline: none;
        bb:expression(this.onFocus=this.blur());
    }
    
    .milestone-list .selected a,
    .milestone-list .selected a:hover {
        color: #333;
        background: #AAD8E7 url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png) no-repeat 6px -312px;
    }

    .milestone-list .done a,
    .milestone-list .done a:hover {
        color: #666;
        background: #AAD8E7 url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png) no-repeat 6px -342px;
        cursor: default;
    }

    .milestone-list-simple {
        position: static;
        height: 370px;
        overflow: auto;
        overflow-x: hidden;
    }

    .milestone-list-simple li {
        width: 48.5%;
        margin: 0 0 10px;
    }

    .milestone-list-simple li a:hover {
        background-image: none;
    }

    .milestone-list-simple li .record-title {
        display: inline-block;
    }

    .milestone-list-nav {
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .milestone-list-nav li {
        display: inline-block;
        display: inline\9;
        zoom: 1;
        margin: 0 2px\9;
        width: 20px;
        height: 20px;
        overflow: hidden;
    }

    .milestone-list-nav a {
        width: 20px;
        font-size: 36px;
        line-height: 36px;
        color: #CCC !important;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        margin: -8px 0 0;
    }

    .milestone-list-nav a:hover {
        text-decoration: none;
        color: #999 !important;
    }

    .milestone-list-nav .current a {
        color: #09C !important;
        display: inline-block;
    }

    .milestone-list-nav .pager a {
        font-size: 24px;
    }

    .milestone-add-input input {
        width: 240px;
        color: #666;
        padding: 4px 8px;
    }

    .milestone-add-input .add-tip {
        color: #999;
        position: absolute;
        line-height: 26px;
        margin: 0 0 0 -17em;
    }

    .mytree-record-post .record-related {
        float: left;
        display: inline;
    }

    .mytree-record-post .parent-words {
        margin: 0 0 10px;
    }
    
    .mytree-record-post .parent-words input {
        width: 420px;
    }

    .mytree-record-post .related-photo input {
        vertical-align: text-bottom;
        margin: 0 10px 0 0;
    }
    
    .mytree-record-post .related-photo-selected {
        position: absolute;
    }

    .mytree-record-post .record-submit {
        float: right;
        display: inline;
        text-align: right;
        padding: 38px 0 0;
    }

    .mytree-record-post .record-submit .input-section {
        margin: 0 10px 0 0;
    }
    
    .mytree-record-post .record-submit .bui-button-large,
    .mytree-record-post .record-submit .bui-button-large-green {
        vertical-align: text-bottom;
        margin: 0 0 0 10px;
    }
    
    .mytree-record-post .record-submit .cancel {
        font-size: 14px;
        cursor: pointer;
        margin: 0 0 0 10px;
    }

    .mytree-record-post .record-post-done {
        padding: 100px 200px;
        text-align: center;
    }

    .mytree-record-post .record-post-done .done-body {
        font-size: 14px;
        margin: 0 0 20px;
        color: #333;
    }

    .mytree-record-post .record-post-done .done-close a {
        margin: 0 0 0 2px;
    }

        /* 成长档案：首页发布器 */
        .mytree-record-post-standalone {
            overflow: hidden;
            clear: both;
            top: -12px;
            z-index: 10;
        }

        .mytree-record-post-standalone .standalone-container {
            width: 860px;
            padding: 30px 50px;
            background-color: #F3F3F3;
            color: #666;
            clear: both;
            border: 1px solid #CCC;
            border-width: 1px 0;
            box-shadow: inset 0 1px 5px rgba(50, 50, 50, .1);
            overflow: hidden;
            margin: 12px 0 0;
        }

        .mytree-wrapper-inner .mytree-record-post-standalone a {
            color: #09C;
            display: inline-block;
        }
        
        .mytree-record-post-standalone .milestone-list-container {
            height: 204px;
        }

        .mytree-record-post-standalone .caret {
            width: 25px;
            height: 20px;
            overflow: hidden;
            background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico.png?20120926) no-repeat -40px -14px;
            position: absolute;
            top: 0;
            right: 110px;
        }

        .mytree-sub-page .mytree-record-post-standalone .caret {
            right: 90px;
        }

        /* 成长档案：弹层模式 */
        .mytree-record-post-popup {
            width: 800px;
            height: 490px;
            padding: 10px;
        }
        
        .mytree-record-post-popup .first-step {
            padding: 100px 200px;
        }

        .mytree-record-post-popup .mytree-record-baby-select {
            float: left;
            display: inline;
            margin: 6px 0 0;
        }

        .mytree-record-post-popup .mytree-record-post-meter {
            width: 380px;
        }

        .mytree-record-post-popup .mytree-record-post-meter .meter-mask {
            width: 380px;
        }

        .mytree-record-post-popup .milestone-list-container {
            height: 200px;
        }
        
        .mytree-record-post-popup .record-related {
            height: 34px;
        }
        
        .mytree-record-post-popup .parent-words {
            float: left;
            display: inline;
            margin: 4px 20px 10px 0;
        }

        .mytree-record-post-popup .parent-words input {
            width: 370px;
        }

        .mytree-record-post-popup .related-photo {
            float: left;
            display: inline;
        }
        
        .mytree-record-post-popup .record-submit {
            float: none;
            display: block;
            clear: both;
            padding: 0;
            position: absolute;
            bottom: 20px;
            right: 10px;
        }
        
        .mytree-record-edit .bui-form-information {
            width: 700px;
            margin: 30px auto;
        }

        .mytree-record-edit .bui-form-information .form-label {
            width: 5.5em;
            font-size: 14px;
            line-height: 1.8em;
        }
        
        .mytree-record-edit .mytree-record-post-meter {
            width: auto;
            height: auto;
            margin: 0;
        }

        .mytree-record-edit .mytree-record-post-meter .meter-status {
            height: auto;
        }

        .mytree-record-edit .mytree-record-post-meter .status-list {
            float: none;
            display: block;
            width: 460px;
            margin: 2px 0 0 10px;
            position: static;
        }

        .mytree-record-edit .mytree-record-post-meter .meter-status li {
            float: left;
            display: inline;
            margin: 0 10px 10px 0;
            width: 220px;
        }

        .mytree-record-edit .mytree-record-post-meter .meter-status .status-type {
            display: inline-block;
            width: 4.5em;
            white-space: nowrap;
        }

        .mytree-record-edit .milestone-list-container {
            height: 150px;
            margin: 0;
        }
        
        .mytree-record-edit .milestone-list {
            width: 610px;
            height: 150px;
        }

        .mytree-record-edit .milestone-list-nav {
            position: absolute;
            margin: -38px 0 0 420px;
            white-space: nowrap;
        }

        .mytree-record-edit .parent-words {
            margin: 0;
        }

    /* 薇博发布器 */

    .mytree-tweet-post {
        zoom: 1;
        position: relative;
        z-index: 0;
    }

    .mytree-tweet-post:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .mytree-tweet-post .hot-topic {
        text-align: right;
        line-height: 20px;
        margin: 0 0 5px;
    }

    .mytree-tweet-post .tweet-post {
        margin: 0 0 5px;
    }

    .mytree-tweet-post textarea {
        width: 98%;
        height: 6em;
    }

    .mytree-tweet-post .tweet-insert {
        float: left;
        line-height: 20px;
    }

    .mytree-tweet-post .tweet-insert a {
        margin: 0 10px 0 0;
        color: #333 !important;
    }

    .mytree-tweet-post .tweet-insert .insert-photo,
    .mytree-tweet-post .tweet-insert .insert-emo {
        font-weight: bold;
        padding: 0 0 0 18px;
        background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png);
        background-repeat: no-repeat;
    }
    
    .mytree-tweet-post .tweet-insert .insert-photo {
        background-position: 0 -179px;
    }

    .mytree-tweet-post .tweet-insert .insert-emo {
        background-position: 0 -209px;
    }

    .mytree-tweet-post .tweet-submit {
        float: right;
    }

    .mytree-tweet-post-standalone {
        border: 1px solid #CCC;
        border-width: 1px 0;
        box-shadow: inset 0 1px 5px rgba(50, 50, 50, .1);
        padding: 10px 30px 10px 240px;
        background-color: #F3F3F3;
        color: #333 !important;
    }

    .mytree-tweet-post-standalone a {
        color: #09C !important;
        display: inline-block;
    }

    .mytree-tweet-post-standalone .intro {
        width: 200px;
        font-size: 17px;
        float: left;
        display: inline;
        text-align: right;
        position: absolute;
        margin: 25px 0 0 -210px;
    }

    .mytree-tweet-post-standalone textarea {
        width: 672px;
        border: 4px solid #CCC;
    }

    .mytree-tweet-post-standalone .caret {
        width: 25px;
        height: 20px;
        overflow: hidden;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico.png?20120926) no-repeat -40px -14px;
        position: absolute;
        top: -13px;
        right: 30px;
    }

    .mytree-tweet-rt-popup {
        width: 540px;
    }

    .mytree-tweet-rt-popup .mytree-popup-content {
        padding: 20px 20px 10px;
    }

    .mytree-tweet-rt-popup .tweet-text {
        margin: 0 0 10px;
    }

    .mytree-tweet-rt-popup .tweet-post textarea {
        width: 97%;
    }

    /* 分割线 */

    span.gap {
        width: 1px;
        height: 14px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico.png?20120926) no-repeat -30px 0;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px;
    }

    /* 喜欢 */

    .i-like {
        width: 48px;
        text-align: center;
        line-height: 20px;
    }

    .i-like .like-button,
    .i-like .like-button-done {
        display: block;
        width: 32px;
        height: 27px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/i-like.png?20120801) no-repeat 0 0;
        margin: 6px auto;
    }

    .i-like .like-button:hover,
    .i-like .like-button-done {
        background-position: -32px 0;
    }

    .i-like .like-button:active {
        opacity: 0.5;
        background-position: 0 0\9;
        outline: none;
        bb:expression(this.onFocus=this.blur());
    }
    
    .i-like .like-button-done {
        cursor: default;
    }

    .i-like .num {
        display: block;
    }

    .i-like-list {
        width: 100%;
        height: 30px;
        overflow: hidden;
        margin: -20px 0 30px;
    }

    .i-like-list ul {
        width: 9999px;
        position: relative;
    }

    .i-like-list li {
        float: left;
        margin: 0 5px 0 0;
    }

    .i-like-list li img {
        width: 24px;
        height: 24px;
        display: block;
        padding: 1px;
        background-color: #FFF;
    }

    .i-like-list .ico-heart {
        width: 13px;
        height: 11px;
        overflow: hidden;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/i-like.png) no-repeat -64px 0;
        position: absolute;
        margin: -10px 0 0 14px;
    }

    /* loading */

    .global-loading {
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/loading.gif) no-repeat center center;
    }

    .mytree-main .global-loading {
        height: 200px;
    }

    /* 侧栏小日历 */

    .mytree-calendar-mini {
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/transparent-white-2.png) repeat;
        _background: none;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static01.babytreeimg.com/img/mybabytree_v2/common/transparent-white-2.png', sizingMethod='scale');
        padding: 4px;
        border-radius: 5px;
        zoom: 1;
    }
    
    .mytree-calendar-mini .calendar-pager {
        height: 0;
        position: relative;
        z-index: 0;
        zoom: 1;
        _margin: 0 0 -36px;
    }
    
    .mytree-calendar-mini .calendar-pager a {
        width: 25px;
        height: 20px;
        position: absolute;
        top: 0;
        background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico.png?20120926);
        background-repeat: no-repeat;
    }
    
    .mytree-calendar-mini .calendar-pager .prev a {
        background-position: -105px 0;
        left: 0;
    }

    .mytree-calendar-mini .calendar-pager .next a {
        background-position: -105px -20px;
        right: 0;
    }
    
    .mytree-calendar-mini .calendar-body {
        width: 100%;
        cursor: default;
    }

    .mytree-calendar-mini caption {
        font-weight: bold;
        line-height: 20px;
    }

    .mytree-calendar-mini .calendar-body th {
        font-weight: normal;
        line-height: 24px;
    }

    .mytree-calendar-mini .calendar-body td {
        border: 1px dotted #CCC;
        width: 14.285714%;
        height: 24px;
        padding: 1px;
        vertical-align: bottom;
        cursor: pointer;
    }

    .mytree-calendar-mini .calendar-body a:hover {
        text-decoration: none;
    }

    .mytree-calendar-mini .calendar-body .current {
        background-color: transparent;
    }

    .mytree-calendar-mini .cal-day {
        height: 20px;
        overflow: hidden;
        font-size: 10px;
        line-height: 32px;
        text-align: right;
        padding: 1px;
        border: 1px solid transparent;
        _border: 0 none;
    }

    .mytree-calendar-mini .calendar-body td:hover .cal-day {
        border-color: #FF6700;
    }

    .mytree-calendar-mini .month-past .cal-day {
        color: #333;
    }

    .mytree-calendar-mini .cal-articles {
        font-size: 10px;
        line-height: 10px;
        position: absolute;
        margin: 0 0 0 1px;
    }

    .mytree-calendar-mini .cal-post-new {
        position: absolute;
        margin: 2px;
        display: none;
        width: 10px;
        height: 10px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png) no-repeat 0 -410px;
    }

    .mytree-calendar-mini .calendar-body td:hover .cal-post-new {
        display: block;
    }
    
    .mytree-calendar-mini-popup {
        width: 10em;
    }

    .mytree-calendar-mini-popup .text-list {
        margin: 0 0 -5px;
        width: 10em;
    }

    .mytree-calendar-mini-popup .text-list li {
        word-wrap: break-word;
        overflow: hidden;
    }

    .mytree-calendar-mini-popup .text-list a {
        color: #666;
    }

    .mytree-calendar-mini-popup .post-new {
        border-top: 1px dotted #CCC;
        margin: 10px 0 0;
        padding: 5px 0 0;
    }

    .mytree-calendar-mini-popup .post-new a {
        padding: 0 0 0 14px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png) no-repeat 0 -408px;
    }

    /* 视频列表-大 */

    .mytree-video-list {
        zoom: 1;
        margin: 20px -45px 0 0;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-video-list-bg.png) repeat-y 222px 0;
    }

    .mytree-video-list:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .mytree-video-list a {
        display: inline-block;
    }

    .mytree-video-list .list-item {
        width: 200px;
        float: left;
        display: inline;
        margin: 0 45px 0 0;
        padding: 0 0 20px;
    }

    .mytree-video-list .list-thumb {
        margin: 0 0 5px;
    }

    .mytree-video-list .list-thumb img {
        width: 200px;
        height: 150px;
        display: block;
    }

    .mytree-video-list .list-title {
        margin: 0 0 5px;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        height: 20px;
    }

    .mytree-video-list .list-stats-view {
        margin: 0 10px 0 0;
    }

    .mytree-video-list .list-action a {
        margin: 0 10px 0 0;
    }

    /* 视频列表-小 */

    .mytree-video-list-s {
        zoom: 1;
        margin: 0 -10px 0 0;
    }

    .mytree-video-list-s:after {
        content: " ";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .mytree-video-list-s .list-item {
        width: 90px;
        height: 114px;
        float: left;
        display: inline;
        margin: 0 10px 10px 0;
    }

    .mytree-video-list-s .list-thumb img {
        width: 90px;
        height: 90px;
        display: block;
    }

    .mytree-video-list-s .list-thumb .duration {
        background-color: #494949;
        border: 1px solid #2F2F2F;
        border-bottom-width: 0;
        color: #FFF;
        position: absolute;
        line-height: 16px;
        font-size: 11px;
        margin: -17px 0 0 2px;
        padding: 0 4px;
        border-radius: 5px 5px 0 0;
    }

    .mytree-video-list-s .list-title {
        height: 18px;
        overflow: hidden;
        margin: 6px 0 0;
        text-align: center;
    }


/* 基本 */

#mytree-wrapper {
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    background-repeat: no-repeat;
    background-position: center 0;
}

.mytree-wrapper-inner {
    width: 960px;
    margin: 10px auto 0;
}

#mytree-content {
    clear: both;
    zoom: 1;
    background-color: rgba(255, 255, 255, .7);
    background-color: #FFEFF0;
    background-color: transparent\9;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#90FFFFFF', EndColorStr='#90FFFFFF')\0/;
}

#mytree-content:after {
    content: " ";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.mytree-main {
    width: 750px;
    min-height: 900px;
    _height: 900px;
    float: left;
    display: inline;
    padding: 0 0 10px;
}

.mytree-main-inner {
    margin: 30px;
}

.mytree-side {
    width: 210px;
    float: right;
    display: inline;
    padding: 0 0 10px;
}

.mytree-side .module {
    margin: 0 10px;
    padding: 10px 0 30px;
    border-top-width: 2px;
    border-top-style: solid;
}

.mytree-side .module:first-child,
.mytree-side .module-first {
    border-top-width: 0;
}

.mytree-side .module-head {
    line-height: 20px;
    padding: 0 0 5px;
}

.mytree-side .module-head h4 {
    float: left;
    display: inline;
    font-size: 14px;
    line-height: 20px;
}

.mytree-side .module-head .text-tab {
    font-weight: normal;
    clear: both;
    text-align: center;
}

.mytree-side .module-head .text-tab .tab {
    cursor: pointer;
    /* 注册功能CSS冲突纠正 */
    padding: 0;
    background: none;
}

.mytree-side .module-head .text-tab .current {
    font-weight: bold;
}

.mytree-side .module-head .text-tab .gap {
    margin: 0 5px;
}

.text-tab-content {
    display: none;
}

.mytree-side .module-head-more {
    float: right;
    display: inline;
    line-height: 20px;
}

.mytree-side .module-head-more .ico-dismiss {
    position: absolute;
    margin: 5px 0 0 -9px;
}

.module-head,
.module-body {
    clear: both;
    zoom: 1;
}

.module-head:after,
.module-body:after {
    content: " ";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.mytree-side .module-body {
    padding: 5px 0 0;
}

    /* mytree-content 全宽 */

    .mytree-content-full .mytree-main {
        width: 960px;
    }

/* 顶部banner */

#mytree-banner {
    width: 960px;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 5px 5px 0 0;
}

#mytree-banner-edit {
    width: 960px;
    height: 250px;
    position: absolute;
    z-index: 1;
    margin: -250px 0 0;
}

#mytree-banner-edit .banner-replacer {
    position: absolute;
    top: 5px;
    right: 5px;
}

#mytree-banner-edit .banner-replacer a {
    color: #FFF;
    padding: 4px 8px 4px 26px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .3);
    background-color: transparent\9;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#40000000', EndColorStr='#40000000')\0/;
    background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico.png?20120926);
    background-repeat: no-repeat;
    background-position: 6px -94px;
    cursor: pointer;
    float: right;
    margin: 0 0 0 5px;
}

#mytree-banner-edit .banner-replacer .visibility {
    background-image: none;
    padding: 4px 8px;
}

/* 个人资料 */

#mytree-profile {
    width: 100%;
    //height: 200px;
    height: 130px;
}

#mytree-profile .profile-main {
    float: left;
    display: inline;
    width: 510px;
    margin: 0 0 0 30px;
}

#mytree-profile .profile-extended {
    float: right;
    display: inline;
    width: 410px;
}

#mytree-profile-avatar {
    position: absolute;
    z-index: 1;
    width: 140px;
    height: 140px;
    margin: -104px 0 0;
}

#mytree-profile-avatar img {
    width: 128px;
    height: 128px;
    position: absolute;
    margin: 6px;
    border-radius: 5px;
}

#mytree-profile-avatar .avatar-mask {
    width: 140px;
    height: 140px;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-profile-avatar-mask.png) no-repeat;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoaer(src='/img/mybabytree_v2/mytree-profile-avatar-mask.png', sizingMethod='scale');
}

#mytree-profile-avatar .avatar-operate {
    width: 128px;
    height: 128px;
    background-image: url(about:blank);
    position: absolute;
    cursor: pointer;
    margin: 6px;
}

#mytree-profile-avatar .avatar-operate em {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    padding: 3px;
    background-color: rgba(0, 0, 0, .3);
    background-color: transparent\9;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#40000000', EndColorStr='#40000000')\0/;
    background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico.png?20120926);
    background-repeat: no-repeat;
    background-position: -67px -17px;
    display: none;
    border-radius: 0 5px 0 0;
}

#mytree-profile-avatar .avatar-operate:hover em {
    display: block;
}

.postuser-state {
    position: absolute;
    z-index: 1;
    margin: -44px 0 0 150px;
    overflow: hidden;
	zoom: 1;
	padding-bottom: 15px;
}
.postuser-state li {
	float: left;
	padding: 5px 2px 0 0;
}
.postuser-state li span {
	width: 28px;
	height: 29px;
	display: block;
	float: left;
	cursor: pointer;
	background: url(/img/community/state_bg.png?v=20141027) no-repeat;
}
.postuser-state .u_s_1 {
	background-position: 0px -30px;
}
.postuser-state .u_s_2 {
	background-position: -31px -30px;
}
.postuser-state .u_s_3 {
	background-position: -62px -30px;
}
.postuser-state .u_s_4 {
	background-position: -93px -30px;
}
.postuser-state .u_s_1_on {
	background-position: 0px 0px;
}
.postuser-state .u_s_2_on {
	background-position: -31px 0px;
}
.postuser-state .u_s_3_on {
	background-position: -62px 0px;
}
.postuser-state .u_s_4_on {
	background-position: -93px 0px;
}
.postuser-state .u_s_5 {
	background-position: -124px -32px;
}
.postuser-state .u_s_6 {
	background-position: -156px -32px;
}
.postuser-state .u_s_7 {
	background-position: -188px -32px;
}
.postuser-state .u_s_5_on {
	background-position: -124px 0;
}
.postuser-state .u_s_6_on {
	background-position: -156px 0;
}
.postuser-state .u_s_7_on {
	background-position: -188px 0;
}
.postuser-state_drop {
	width: 126px;
	height: 8px;
	margin: -10px auto 0;
}
.postuser-state_drop a {
	display: block;
	width: 126px;
	height: 8px;
	overflow: hidden;
	line-height: 100px;
	background: url(/img/community/topic_icon_bar.png) no-repeat;
}
.postuser-state_drop a.drop-statu {
	background: url(/img/community/topic_icon_bar.png) no-repeat 0 -12px;
}

#mytree-username {
    padding: 8px 0 8px 150px;
}

#mytree-username h1 {
    font-size: 30px;
    line-height: 32px;
    font-weight: normal;
}

#mytree-basic-info {
    width: 510px;
    height: 24px;
    overflow: hidden;
    margin: 0 0 5px;
}

#mytree-basic-info ul {
    width: 1000px;
    float: left;
}

#mytree-basic-info li {
    float: left;
    display: inline;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 0 20px 0 0;
}

#mytree-basic-info .location {
    padding: 0 0 0 14px;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png) no-repeat 0 -28px;
    _background-position: 0 -25px;
}

#mytree-basic-info .none {
    margin: 0 10px 0 0;
}

#mytree-basic-info .boy {
    padding: 0 0 0 16px;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png) no-repeat 0 -58px;
    _background-position: 0 -55px;
    margin: 0 10px 0 0;
}

#mytree-basic-info .girl {
    padding: 0 0 0 16px;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png) no-repeat 0 -88px;
    _background-position: 0 -85px;
    margin: 0 10px 0 0;
}

#mytree-current-status {
    height: 20px;
}

#mytree-current-status p {
    width: 510px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#mytree-current-status p input {
    position: absolute;
    width: 500px;
}

#mytree-photo-feature {
    margin: 10px 0 0 -5px;
}

.feature-photo-container {
    width: 488px;
    height: 77px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.feature-photo-container ul {
    height: 77px;
    position: absolute;
}

.feature-photo-container li {
    width: 110px;
    height: 75px;
    border: 1px solid #CCC;
    float: left;
    display: inline;
    margin: 0 5px;
    border-radius: 5px;
}

.feature-photo-container .photo-thumb {
    width: 110px;
    height: 75px;
    display: block;
    overflow: hidden;
    text-align: center;
    border-radius: 4px;
}

.feature-photo-container .photo-thumb img {
    width: 110px;
    border-radius: 4px;
}

.feature-photo-container .photo-operate {
    color: #FFF;
    line-height: 20px;
    text-align: center;
    position: absolute;
    z-index: 1;
    width: 109px;
    height: 20px;
    overflow: hidden;
    margin: -22px 1px 0;
    cursor: pointer;
    display: none;
}

.feature-photo-container li:hover .photo-operate {
    /*display: block;*/
}

.feature-photo-container .photo-operate a {
    color: #FFF;
    display: inline-block;
    line-height: 20px;
    padding: 0 5px;
    text-decoration: none;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico.png?20120926) no-repeat 20px -96px;
    position: relative;
    z-index: 1;
}

.feature-photo-container .photo-operate a:hover {
    color: #FFF;
}

.feature-photo-container .photo-mask {
    position: absolute;
    width: 110px;
    height: 20px;
    background-color: #666;
    z-index: 0;
    filter: alpha(opacity=40);
    opacity: 0.4;
    border-radius: 0 0 3px 3px;
    left: 0;
    bottom: 0;
}

#mytree-photo-feature .slider-nav {
    width: 488px;
    margin: -77px 0 0;
    position: relative;
    z-index: 0;
}

#mytree-photo-feature .slider-nav .prev,
#mytree-photo-feature .slider-nav .next {
    width: 10px;
    height: 42px;
    background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico.png?20120926);
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    top: 17px;
}

#mytree-photo-feature .slider-nav .prev {
    background-position: 0 -14px;
    _background-position: -20px -14px;
    left: -15px;
}

#mytree-photo-feature .slider-nav .next {
    background-position: -10px -14px;
    _background-position: -30px -14px;
    right: -15px;
}

#mytree-profile-stat {
    margin: 20px 6px 36px 0;
    width: 404px;
    overflow: hidden;
    clear: both;
}

#mytree-profile-stat ul {
    float: right;
    display: inline;
    margin: 0 -1px 0 0;
}

#mytree-profile-stat li {
    display: inline;
    float: left;
    border-right-width: 1px;
    border-right-style: dotted;
    font-size: 14px;
    text-align: center;
}

#mytree-profile-stat .last {
    border: none;
}

#mytree-profile-stat li a {
    width: 80px;
    height: 44px;
    display: block;
    overflow: hidden;
}

#mytree-profile-stat li a:hover {
    text-decoration: none;
}

#mytree-profile-stat li a:active,
#mytree-profile-stat li a:focus {
    outline: none;
    bb:expression(this.onFocus=this.blur());
}

#mytree-profile-stat li a strong {
    color: #333333;
    display: block;
    font-size: 20px;
    line-height: 24px;
}

#mytree-profile-action {
    height: 68px;
    margin: 0 6px 6px 0;
    clear: both;
}

#mytree-profile-action ul {
    float: right;
    display: inline;
    margin: 0 -1px 0 0;
}

#mytree-profile-action .action-label {
    float: left;
    display: inline;
    margin: 0 0 0 1px;
    padding: 0 6px;
}

#mytree-profile-action .action-label a {
    width: 68px;
    height: 56px;
    overflow: hidden;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 6px 0;
    border-radius: 7px;
    cursor: pointer;
}

#mytree-profile-action .action-label a:hover {
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-profile-action-v2.png?20130603) no-repeat -180px 0;
    color: #000;
    font-weight: bold;
    box-shadow: rgba(0,0,0,0.2) 0 0 10px;
}

#mytree-profile-action .action-label a:active,
#mytree-profile-action .action-label a:focus {
    outline: none;
    bb:expression(this.onFocus=this.blur());
}

#mytree-profile-action .action-icon {
    width: 36px;
    height: 36px;
    overflow: hidden;
    background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-profile-action-v2.png?20130603);
    background-repeat: no-repeat;
    background-position: -9999px -9999px;
    display: block;
    margin: 0 auto 5px;
}

#mytree-profile-action .action-journal .action-icon { background-position: 0 0; }
#mytree-profile-action .action-photo .action-icon { background-position: -36px 0; }
#mytree-profile-action .action-record .action-icon { width: 41px; background-position: -72px 0; }
#mytree-profile-action .action-friend .action-icon { background-position: 0 -36px; }
#mytree-profile-action .action-fav .action-icon { background-position: -36px -36px; }
#mytree-profile-action .action-message .action-icon { background-position: -72px -36px; }
#mytree-profile-action .action-guestbook .action-icon { background-position: -108px -36px; }
#mytree-profile-action .action-group .action-icon { background-position: -144px -36px; }
#mytree-profile-action .action-frame .action-icon { width: 44px; background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-profile-action-frame.png) no-repeat 0 0; }
#mytree-profile-action .action-records .action-icon { width: 44px; background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-profile-action-records.png) no-repeat 0 0; }

#mytree-profile-tip {
    clear: both;
    float: right;
    padding: 0 22px 0 0;
    font-size: 14px;
    text-align: right;
}

/* 面包屑 */

.mytree-breadcrumb {
    margin: 0 10px;
    padding: 10px 0 4px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    zoom: 1;
    line-height: 20px;
}

.mytree-breadcrumb:after {
    content: " ";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.mytree-breadcrumb p {
    float: left;
    display: inline;
    line-height: 20px;
}

.mytree-breadcrumb a {
    display: inline-block;
}

.mytree-breadcrumb .caret {
    vertical-align: 0.1em;
    margin: 0 2px;
    display: inline-block;
}

.mytree-breadcrumb .breadcrumb-related {
    float: right;
    display: inline;
}

/* 文章相关功能操作 */

.global-related {
    height: 20px;
    padding: 0 0 4px;
    margin: 0 0 30px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    line-height: 20px;
}

.global-related .i-like {
    float: left;
    display: inline;
    margin: 0 20px 0 0;
}

.global-utility {
    float: left;
    display: inline;
    white-space: nowrap;
}

.global-utility a {
    display: inline-block;
}

.global-utility-share .web-icon {
    display: inline-block;
    vertical-align: middle;
    width: 104px;
    text-align: center;
}

.global-utility-share .web-icon a {
    float: left;
    display: inline;
    margin: 2px;
    width: 16px;
}

.global-utility-share img {
    vertical-align: -3px;
}

.global-utility-stats {
    float: right;
    display: inline;
}

/* 子页头部 */

.mytree-sub-page #mytree-header {
    height: 120px;
    border-radius: 5px 5px 0 0;
}

.mytree-sub-page #mytree-profile {
    height: 120px;
    background-color: transparent !important;
    background-color: rgba(255, 255, 255, .7) !important;
    background-color: transparent\9;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#90FFFFFF', EndColorStr='#90FFFFFF')\0/;
    border-radius: 5px 5px 0 0;
}

.mytree-sub-page #mytree-profile .profile-main {
    margin: 0 0 0 10px;
    height: 120px;
    float: none;
    display: block;
}

.mytree-sub-page #mytree-profile-avatar {
    margin: 8px 0;
    width: auto;
    height: auto;
}

.mytree-sub-page #mytree-profile-avatar img {
    width: 96px;
    height: 96px;
    margin: 4px;
}

.mytree-sub-page #mytree-profile-avatar .avatar-mask {
    width: 104px;
    height: 104px;
    background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-profile-avatar-mask-s.png);
    _background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static01.babytreeimg.com/img/mybabytree_v2/common/mytree-profile-avatar-mask-s.png', sizingMethod='scale');
}

.mytree-sub-page .postuser-state {
    margin: -10px 0 0 120px;
}

.mytree-sub-page #mytree-username {
    padding: 10px 0 4px 120px;
}

.mytree-sub-page #mytree-username h1 {
    font-size: 22px;
    line-height: 24px;
}

.mytree-sub-page #mytree-basic-info {
    margin: 0 0 2px 120px;
    width: auto;
    height: 50px;
}

.mytree-sub-page #mytree-basic-info ul {
    width: auto;
    float: none;
}

.mytree-sub-page #mytree-basic-info .info-location {
    font-size: 12px;
    margin: 0 0 -4px;
    float: none;
    display: block;
}

.mytree-sub-page #mytree-basic-info .info-location .location {
    background-image: none;
    padding: 0;
}

.mytree-sub-page #mytree-profile-action {
    margin: 0 0 0 120px;
    height: auto;
}

.mytree-sub-page #mytree-profile-action ul {
    float: none;
}

.mytree-sub-page #mytree-profile-action .action-label {
    padding: 0;
    margin: 0 10px 0 0;
}

.mytree-sub-page #mytree-profile-action .action-label a {
    width: 16px;
    height: 16px;
    padding: 0;
    border-radius: 0;
}

.mytree-sub-page #mytree-profile-action .action-label a:hover {
    background-image: none;
    box-shadow: none;
}

.mytree-sub-page #mytree-profile-action .action-icon {
    width: 16px;
    height: 16px;
    margin: 0;
}

.mytree-sub-page #mytree-profile-action .action-friend .action-icon { background-position: 0 -108px; }
.mytree-sub-page #mytree-profile-action .action-fav .action-icon { background-position: -36px -108px; }
.mytree-sub-page #mytree-profile-action .action-message .action-icon { background-position: -72px -108px; }
.mytree-sub-page #mytree-profile-action .action-guestbook .action-icon { background-position: -108px -108px; }
.mytree-sub-page #mytree-profile-action .action-group .action-icon { background-position: -144px -108px; }

/* 子页导航 */

#mytree-sub-nav {
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    position: relative;
    z-index: 1;
}
#mytree-sub-nav .sub-tab {
    float: left;
    display: inline;
    margin: 2px 0 0 20px;
    line-height: 24px;
    height: 24px;
}
#mytree-sub-nav .sub-tab li {
    float: left;
}
#mytree-sub-nav .sub-tab li a {
    height: 24px;
    display: inline-block;
    padding: 0 10px;
    border-radius: 5px 5px 0 0;
    /* background-color: rgba(255, 255, 255, .3);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#40FFFFFF', EndColorStr='#40FFFFFF')\9; */
    float: left;
}
:root #mytree-sub-nav .sub-tab li a {
    filter: none;
}
#mytree-sub-nav .sub-tab li a:hover {
    text-decoration: none;
}
#mytree-sub-nav .sub-tab li a:active,
#mytree-sub-nav .sub-tab li a:focus {
    outline: none;
    bb:expression(this.onFocus=this.blur());
}
#mytree-sub-nav .sub-tab .current a {
    height: 26px;
}
#mytree-sub-nav .sub-tab .unread,
#mytree-sub-nav .sub-tab .new {
    width: 20px;
    height: 21px;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico-colored.png) no-repeat 0 0;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
    font-family: Tahoma;
    color: #FFF;
    position: absolute;
    margin: -12px 0 0 -10px;
    z-index: 10;
}
#mytree-sub-nav .sub-tab .new {
    font-size: 8px;
}
#mytree-sub-nav .sub-page {
    float: left;
    display: inline;
    padding: 2px 0;
    line-height: 24px;
    height: 24px;
}
#mytree-sub-nav .sub-page li {
    display: inline;
    float: left;
    position: relative;
    line-height: 24px;
}
#mytree-sub-nav .sub-page li a {
    display: inline-block;
    padding: 0 10px;
}
#mytree-sub-nav .sub-page .sum {
    font-weight: normal;
    font-size: 12px;
    padding: 0 0 0 .2em;
    display: inline-block;
    cursor: pointer;
    opacity: .8;
    filter: alpha(opacity=80)\9;
}
#mytree-sub-nav .sub-page-other-dropdown {
    position: absolute;
    font-size: 12px;
    border: 1px solid #C0C0C0;
    background-color: #FFF;
    color: #666;
    padding: 10px;
    left: 50%;
    top: 24px;
    margin-left: -61px;
}
#mytree-sub-nav .sub-page-other-dropdown li {
    margin: 0;
    float: none;
    display: block;
    white-space: nowrap;
}
#mytree-sub-nav .sub-page-other-dropdown li a {
    color: #666;
    font-weight: normal;
    padding: 0;
}
#mytree-sub-nav .sub-page-other-dropdown li a:hover {
    color: #F59833;
    text-decoration: none;
}
#mytree-sub-nav .sub-page-other-dropdown .type {
    width: 6em;
    display: inline-block;
    margin: 0 .5em 0 0;
}
.arrow1 {
    border-color: transparent;
    border-style: dashed dashed solid;
    border-width: 0 5px 5px;
    border-bottom-color: #C0C0C0;
    position: absolute;
    left: 50%;
    z-index: 1;
    height: 0;
    width: 0;
    overflow: hidden;
    top: -6px;
    margin-left: -5px;
}
.arrow2 {
    border-color: transparent;
    border-style: dashed dashed solid;
    border-width: 0 5px 5px;
    border-bottom-color: #FFF;
    position: absolute;
    left: 50%;
    top: -5px;
    z-index: 1;
    height: 0;
    width: 0;
    overflow: hidden;
    margin-left: -5px;
}
#mytree-sub-nav li.sub-page-related {
    position: absolute;
    margin: 0;
    right: 10px;
}
#mytree-sub-nav li.sub-page-related a {
    font-weight: normal;
    padding: 0;
}
#mytree-sub-nav .sub-page-related-popup {
    width: 280px;
    right: -10px;
    top: -114px;
}
#mytree-sub-nav .sub-page-related-popup a {
    font-weight: normal;
    padding: 0;
}
#mytree-sub-nav .invite-email {
    margin: 10px 0 0;
}
#mytree-sub-nav .invite-email-input {
    width: 180px;
    vertical-align: middle;
    margin: 0 10px 0 0;
    padding: 6px 4px;
}
.btn-invite-qq {
    width: 100px;
    height: 30px;
    overflow: hidden;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/sprite-invite-partner.png) no-repeat 0 0;
    display: inline-block;
    padding: 0;
    border: 0;
    vertical-align: middle;
}
.btn-invite-email {
    width: 80px;
    height: 30px;
    overflow: hidden;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/sprite-invite-partner.png) no-repeat -100px 0;
    display: inline-block;
    padding: 0;
    border: 0;
    line-height: 8888px;
    vertical-align: middle;
    font-size: 0;
}
#mytree-sub-nav .sub-page-related-popup .arrow1,
#mytree-sub-nav .sub-page-related-popup .arrow2 {
    border-style: solid dashed dashed;
    border-width: 5px 5px 0;
    right: 85px;
    left: auto;
    top: auto;
}
#mytree-sub-nav .sub-page-related-popup .arrow1 {
    border-top-color: #C0C0C0;
    bottom: -6px;
}
#mytree-sub-nav .sub-page-related-popup .arrow2 {
    border-top-color: #fff;
    bottom: -5px;
}
.login-form-popup-w-partner {
    background: #FFF url(http://static01.babytreeimg.com/img/mybabytree_v2/common/login-popup-side-w-partner.png) no-repeat;
    padding: 0 0 0 280px;
}
#invite-partner-popup {
    width: 750px;
    height: 450px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -225px 0 0 -375px;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/invite-partner-popup-bg.jpg) no-repeat;
    z-index: 10001;
    _position: absolute;
    _top: expression(documentElement.scrollTop+documentElement.clientHeight/2-this.offsetHeight/2);
    _margin-top: 0;
}
#invite-partner-popup .popup-content {
    font-size: 14px;
    padding: 160px 0 0 280px;
}
#invite-partner-popup .popup-content p {
    margin: 0 0 10px;
}
#invite-partner-popup .invite-email-input {
    width: 180px;
    vertical-align: middle;
    margin: 0 10px 0 0;
    padding: 6px 4px;
}
#invite-partner-popup .bui-close {
    width: 20px;
    height: 20px;
    background: transparent url(http://static01.babytreeimg.com/img/log/img/sprite.png) no-repeat -20px -50px;
    right: 10px;
    top: 10px;
}
.mytree-sub-page #mytree-sub-nav {
    position: absolute;
    width: 600px;
    text-align: right;
    margin: -36px 0 0 360px;
    background-color: transparent !important;
}
.mytree-sub-page #mytree-sub-nav .sub-page {
    float: right;
}

/* 新鲜事发布器 */
.mytree-feed-pub {
    width: 688px;
    border: 1px solid #EEE;
    background-color: #FFF;
    clear: both;
    margin: 30px auto;
    zoom: 1;
    color: #666;
}
.mytree-feed-pub:after {
    content: "";
    display: table;
    clear: both;
}
.mytree-feed-pub .pub-text {
    border-bottom: 1px solid #EEE;
    padding-bottom: 25px;
}
.mytree-feed-pub .pub-text textarea {
    width: 658px;
    height: 98px;
    font-size: 16px;
    padding: 15px;
    border: 0;
    background-image: none;
}
.mytree-feed-pub .pub-text textarea:focus {
    box-shadow: none;
}
.mytree-feed-pub .pub-text .placeholder {
    width: 658px !important;
    height: 98px !important;
}
.mytree-feed-pub .pub-type {
    padding: 13px 15px;
    float: left;
}
.mytree-feed-pub .pub-type li {
    float: left;
    display: inline;
    margin: 0 30px 0 0;
}
.mytree-feed-pub .pub-type-link {
    color: #666;
    background-color: transparent;
    display: block;
    outline: none;
    cursor: pointer;
}
.mytree-feed-pub .pub-type-link:hover {
    text-decoration: none;
}
.mytree-feed-pub .pub-type-link .ico {
    width: 24px;
    height: 24px;
    background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/sprite-201312.png);
    vertical-align: middle;
    _position: relative;
    _top: -1px;
    margin: 0 4px 0 0;
}
.mytree-feed-pub .pub-type-smilies .ico {
    background-position: 0 -80px;
}
.mytree-feed-pub .pub-type-photo .ico {
    background-position: -30px -80px;
}
.mytree-feed-pub .pub-type-growth .ico {
    background-position: -60px -80px;
}
.mytree-feed-pub .pub-type-milestone .ico {
    background-position: -90px -80px;
}
.mytree-feed-pub .pub-submit {
    position: relative;
    padding: 5px 10px;
    float: right;
    z-index: 1;
}
.mytree-feed-pub .pub-submit .visible {
    cursor: pointer;
    display: inline-block;
    margin: 0 20px 0 0;
    position: relative;
}
.mytree-feed-pub .pub-submit .visible .ico {
    vertical-align: middle;
}
.mytree-feed-pub .visible-dropdown {
    position: absolute;
    font-size: 12px;
    border: 1px solid #C0C0C0;
    background-color: #FFF;
    padding: .1em 0;
    color: #666;
    right: 0;
    top: 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    z-index: 100;
}
.mytree-feed-pub .visible-dropdown li {
    width: 6em;
}
.mytree-feed-pub .visible-dropdown li a {
    color: #666;
    display: block;
    padding: .2em .5em;
    zoom: 1;
}
.mytree-feed-pub .visible-dropdown li a:hover {
    text-decoration: none;
    background-color: #EEE;
}
.mytree-feed-pub .pub-submit button {
    width: 120px;
    height: 40px;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/sprite-201312.png) no-repeat 0 -30px;
    border: 0;
    color: #FFF;
    font-size: 22px;
    font-family: Microsoft Yahei;
    cursor: pointer;
    vertical-align: middle;
}
.mytree-feed-pub .pub-popups {
    position: relative;
    z-index: 1;
    clear: both;
}
.mytree-feed-pub .pub-popups .
.mytree-feed-pub .pub-popups .bui-popup {
    box-shadow: none;
    top: 5px;
    padding: 20px;
}
.mytree-feed-pub .bui-popup p {
    margin: 0 0 5px;
}
.mytree-feed-pub .bui-popup p:last-child {
    margin: 0;
}
.mytree-feed-pub .btn-s {
    width: 50px;
    height: 26px;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/sprite-201312.png) no-repeat 0 0;
    border: 0;
    color: #FFF;
    font-size: 12px;
    font-family: Microsoft Yahei;
    cursor: pointer;
    vertical-align: middle;
}
.mytree-feed-pub .pub-popups .arrow1,
.mytree-feed-pub .pub-popups .arrow2 {
    left: 25px;
}
.mytree-feed-pub #pub-pop-smilies {
    left: 0;
}
.mytree-feed-pub #pub-pop-photo {
    left: 83px;
}
.mytree-feed-pub #pub-pop-growth {
    left: 165px;
}
.mytree-feed-pub #pub-pop-milestone {
    left: 271px;
}
#pub-pop-photo .photo-upload-list {
    width: 476px;
    margin: -10px -15px 0 0;
    zoom: 1;
}
#pub-pop-photo .photo-upload-list:after {
    content: "";
    display: table;
    clear: both;
}
#pub-pop-photo .photo-upload-list li {
    position: relative;
    float: left;
    border: 1px solid #DDD;
    padding: 1px;
    background-color: #FFF;
    margin: 15px 15px 0 0;
}
#pub-pop-photo .photo-upload-list li img {
    width: 100px;
    height: 100px;
    display: block;
}
#pub-pop-photo .photo-upload-list .close {
    background-color: rgba(0,0,0,.8);
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 2px;
    background-color: #333\9;
    display: none;
}
:root #pub-pop-photo .photo-upload-list .close {
    background-color: rgba(0,0,0,.8);
}
#pub-pop-photo .photo-upload-list .close button {
    position: static;
    display: block;
    background-position: -22px 0;
}
#pub-pop-photo .photo-upload-list li:hover .close,
#pub-pop-photo .photo-upload-list li.hover .close {
    display: block;
}
#pub-pop-photo .photo-upload-list .add {
    border: 0;
}
#pub-pop-photo .photo-upload-list .add button {
    width: 102px;
    height: 102px;
    border: 0;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/sprite-201312.png) no-repeat 0 -110px;
    cursor: pointer;
    outline: 0;
}
.mytree-feed-pub .growth-form label {
    width: 2em;
    display: inline-block;
    margin: 0 .5em 0 0;
}
.mytree-feed-pub .growth-form .bui-input-text {
    width: 90px;
    font-size: 14px;
    margin: 0 .5em 0 0;
}
.mytree-feed-pub .growth-form .required {
    color: #F00;
    margin: 0 0 0 1em;
}
.mytree-feed-pub .milestone-form .bui-input-text {
    width: 160px;
    margin: 0 10px 0 0;
    vertical-align: middle;
}
.mytree-feed-pub .milestone-form ul {
    margin: 10px 0 -5px;
    line-height: 1.8;
}
.mytree-feed-pub .milestone-form li a {
    color: #09C;
}
.mytree-feed-pub .pub-done-label {
    position: relative;
}
.mytree-feed-pub .pub-done-label ul {
    position: absolute;
    top: -26px;
    left: 4px;
}
.mytree-feed-pub .pub-done-label li {
    float: left;
    background-color: #E4EFE0;
    line-height: 12px;
    padding: 5px 20px 5px 5px;
    margin: 0 4px 0 0;
    cursor: default;
    position: relative;
}
.mytree-feed-pub .pub-done-label .bui-close {
    right: 5px;
    top: 5px;
    opacity: .3;
    filter:alpha(opacity=30)\9;
}
.mytree-feed-pub .pub-done-label .bui-close:hover {
    opacity: .5;
    filter:alpha(opacity=50)\9;
}

/* 好友新鲜事分组 */
.mytree-feed-filter {
    margin: 0 0 30px;
    padding: 2px 0;
    text-align: right;
}
.mytree-feed-filter .gap {
    margin: 0 10px;
}
.mytree-feed-filter .filter {
    position: relative;
    display: inline-block;
}
.mytree-feed-filter .filter-dropdown {
    position: absolute;
    font-size: 12px;
    border: 1px solid #C0C0C0;
    background-color: #FFF;
    padding: .1em 0;
    color: #666;
    left: 50%;
    top: 20px;
    margin-left: -56px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.mytree-feed-filter .filter-dropdown a {
    width: 7em;
    white-space: nowrap;
    color: #666;
    display: block;
    padding: .2em .5em;
    zoom: 1;
}
.mytree-feed-filter .filter-dropdown a:hover {
    text-decoration: none;
    background-color: #EEE;
}
.mytree-feed-filter .setting i {
    opacity: .5;
    filter: alpha(opacity=50)\9;
    vertical-align: -1px;
    +vertical-align: 3px;
    margin: 0 0 0 4px;
}
.mytree-feed-filter .setting a:hover i {
    opacity: 1;
    filter: none\9;
}
.mytree-feed-group-nav {
    border: 0;
    padding: 0;
}
.mytree-feed-group-nav li,
.mytree-feed-group-nav .active {
    display: inline;
    float: left;
    margin: 0 20px 0 0;
}
.mytree-feed-group-nav li a {
    display: inline-block;
    padding: 2px 3px;
}
.mytree-feed-group-nav .active a {
    cursor: default;
    font-weight: bold;
    color: #FFF !important;
    background-image: none;
    _filter: none;
}
.mytree-feed-group-nav .active a:hover {
    text-decoration: none;
}

/* 更新流 */

.mytree-feed-list {
    margin: 0 0 40px;
    clear: both;
    zoom: 1;
}

.mytree-feed-list .feed-item {
    min-height: 64px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    padding: 0 0 30px 72px;
    margin: 0 0 40px;
    zoom: 1;
}
.mytree-feed-list .feed-item:after {
    content: "";
    display: table;
    clear: both;
}
.mytree-feed-list .feed-item a {
    display: inline-block;
}
.mytree-feed-list .feed-avatar {
    position: absolute;
    margin: 3px 0 0 -72px;
}
.mytree-feed-list .feed-avatar img {
    width: 50px;
    height: 50px;
    padding: 3px;
    background-color: #FFF;
    border: 1px solid #CCC;
}

.mytree-feed-list .feed-cat {
    margin: 0 0 10px;
    min-height: 32px;
    _height: 32px;
    zoom: 1;
    border-bottom-width: 2px;
    border-style: solid;
    padding: 0 0 4px;
}

.mytree-feed-list .feed-cat .feed-label {
    margin: 0;
    position: static;
    float: left;
    margin: 0 8px 0 0;
}

.mytree-feed-list .feed-cat h3 {
    font-size: 16px;
    line-height: 32px;
    float: left;
}

.mytree-feed-list .feed-cat .sum {
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 0 .5em;
}

.mytree-feed-list .feed-cat .feed-func {
    float: right;
    line-height: 24px;
    _line-height: 25px;
    margin: 7px 0 0;
}

.mytree-feed-list .feed-cat .feed-func a {
    margin: 0 0 0 .5em;
    vertical-align: middle;
    display: inline-block;
}

.mytree-feed-list .feed-starter {
    padding: 59px 0;
    text-align: center;
    border: 1px solid #F3F3F3;
    background-color: rgba(255,255,255,.7);
    background-color: #FFF\9;
}

:root .mytree-feed-list .feed-starter {
    background-color: rgba(255,255,255,.7);
}

.mytree-feed-list .feed-by-baby {
    font-weight: bold;
    padding: 10px 0;
}

.mytree-feed-list .feed-head {
    margin: 0 0 10px;
}

.mytree-feed-list .feed-label {
    width: 32px;
    height: 32px;
    position: absolute;
    margin: 6px 0 0;
    background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-profile-action-v2.png?20130603);
    background-repeat: no-repeat;
    background-position: -9999px -9999px;
    border-radius: 5px;
}

.mytree-feed-list .feed-label-journal {
    background-position: 0 -72px;
}

.mytree-feed-list .feed-label-photo {
    background-position: -36px -72px;
}

.mytree-feed-list .feed-label-record {
    background-position: -72px -72px;
}

.mytree-feed-list .feed-title h2 {
    font-size: 22px;
    font-weight: normal;
    line-height: 150%;
}

.mytree-feed-list .feed-title a {
    margin: 0 4px 0 0;
}

.mytree-feed-list .feed-title img {
    vertical-align: middle;
    margin: 0 0 0 4px;
}

.mytree-feed-list .feed-baby-related .baby-gender {
    margin: 0 10px 0 0;
}

.mytree-feed-list .feed-baby-related .gap {
    margin: 0 10px;
    _vertical-align: baseline;
}

.mytree-feed-list .feed-date {
    margin: 0 10px 0 0;
}

.mytree-sub-page .mytree-feed-list .feed-date {
    position: absolute;
    margin: 30px 0 0 40px;
}

.mytree-feed-list .feed-body {
    margin: 0 0 20px;
    word-wrap: break-word;
}

.mytree-feed-list .feed-body blockquote {
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 5px;
    word-wrap: break-word;
    overflow: hidden;
}
.mytree-feed-list .feed-body blockquote .readmore {
    font-size: 12px;
}

.mytree-feed-list .feed-photo-attached {
    zoom: 1;
    margin: 10px 0 -10px;
}

.mytree-feed-list .feed-photo-attached:after {
    content: " ";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.mytree-feed-list .feed-photo-attached a {
    display: inline-block;
}

.mytree-feed-list .feed-photo-attached .photo-primary {
    float: left;
    padding: 0 10px 10px 0;
}

.mytree-feed-list .feed-photo-attached .photo-secondary {
    float: left;
    padding: 0 10px 10px 0;
}

.mytree-feed-list .feed-photo-attached a img {
    display: block;
}

.mytree-feed-list .feed-photo-attached .photo-primary img {
    max-width: 480px;
    max-height: 480px;
}

.mytree-feed-list .feed-photo-attached .photo-secondary img {
    width: 100px;
    height: 100px;
}

.mytree-feed-list .feed-photo-gallery {
    clear: both;
    border-radius: 3px;
    border: 1px solid #E9E9E9;
    background-color: #FAFAFA;
    padding: 10px 15px;
    zoom: 1;
}
.mytree-feed-list .feed-photo-gallery .pager {
    position: relative;
    clear: both;
}
.mytree-feed-list .feed-photo-gallery .pager li {
    position: absolute;
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70)\9;
}
.mytree-feed-list .feed-photo-gallery .pager li:hover {
    opacity: 1;
    filter: none\9;
}
.mytree-feed-list .feed-photo-gallery .pager-prev {
    left: 0;
}
.mytree-feed-list .feed-photo-gallery .pager-next {
    right: 0;
}
.mytree-feed-list .feed-photo-gallery .gallery-main {
    position: relative;
    width: 100%;
    margin: 10px auto;
}
.mytree-feed-list .feed-photo-gallery .img-box {
    text-align: center;
    width: 586px;
    min-height: 70px;
    _height: 70px;
}
.mytree-feed-list .feed-photo-gallery .img-box img {
    max-width: 100%;
    width: expression(this.width > 586 ? '586px': true);
    display: block;
    margin: 0 auto;
}
.mytree-feed-list .feed-photo-gallery .gallery-main .pager {
    position: static;
}
.mytree-feed-list .feed-photo-gallery .gallery-main .pager li {
    position: absolute;
    width: 30%;
    height: 100%;
    top: 0;
    background-image: url(about:blank);
}
.mytree-feed-list .feed-photo-gallery .gallery-main .pager li i {
    width: 39px;
    height: 70px;
    display: block;
    background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/sprite-201312.png);
    _filter: alpha(opacity=50);
    position: absolute;
    top: 50%;
    margin-top: -35px;
}
.mytree-feed-list .feed-photo-gallery .gallery-main .pager-prev i {
    background-position: 0 -310px;
    _background-position: -80px -310px;
    left: 0;
}
.mytree-feed-list .feed-photo-gallery .gallery-main .pager-next i {
    background-position: -40px -310px;
    _background-position: -120px -310px;
    right: 0;
}
.mytree-feed-list .feed-photo-gallery .gallery-thumb {
    width: 586px;
}
.mytree-feed-list .feed-photo-gallery .gallery-thumb .pager li {
    width: 16px;
    height: 72px;
    background-color: #D8D8D8;
    line-height: 72px;
    text-align: center;
    margin: 2px 0;
}
.mytree-feed-list .feed-photo-gallery .gallery-thumb .pager li i {
    width: 12px;
    height: 14px;
    display: block;
    margin: 29px auto;
    background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/sprite-201312.png);
}
.mytree-feed-list .feed-photo-gallery .gallery-thumb .pager-prev i {
    background-position: -90px -290px;
}
.mytree-feed-list .feed-photo-gallery .gallery-thumb .pager-next i {
    background-position: -110px -290px;
}
.mytree-feed-list .feed-photo-gallery .thumbs {
    width: 546px;
    height: 76px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.mytree-feed-list .feed-photo-gallery .thumbs ul {
    width: 9999px;
    zoom: 1;
}
.mytree-feed-list .feed-photo-gallery .thumbs ul:after {
    content: "";
    display: table;
    clear: both;
}
.mytree-feed-list .feed-photo-gallery .thumbs li {
    width: 76px;
    float: left;
    display: inline;
    margin: 0 1px;
}
.mytree-feed-list .feed-photo-gallery .thumbs a {
    border: 2px solid #FAFAFA;
    display: block;
    opacity: 0.5;
    filter: alpha(opacity=50)\9;
}
.mytree-feed-list .feed-photo-gallery .thumbs a:hover,
.mytree-feed-list .feed-photo-gallery .thumbs .active a {
    opacity: 1;
    filter: none\9;
    border-color: #F80;
}
.mytree-feed-list .feed-photo-gallery .thumbs img {
    width: 70px;
    height: 70px;
    display: block;
    padding: 1px;
}

.mytree-feed-list .feed-photo-large {
    text-align: center;
}

.mytree-feed-list .feed-photo-large li {
    margin: 0 0 10px;
    position: relative;
    z-index: 0;
}

.mytree-feed-list .feed-photo-large img {
    max-width: 100%;
    _width: 100%;
    display: block;
    margin: 0 auto;
}

.mytree-feed-list .feed-photo-large .change {
    position: absolute;
    right: 20px;
    top: 20px;
    visibility: hidden;
}

.mytree-feed-list .feed-label-status {
    zoom: 1;
    margin: 10px 0 0;
}
.mytree-feed-list .feed-label-status {
    content: "";
    display: table;
    clear: both;
}
.mytree-feed-list .feed-label-status li {
    float: left;
    font-size: 14px;
    margin: 0 30px 0 0;
}
.mytree-feed-list .feed-label-status .ico {
    width: 30px;
    height: 30px;
    background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/sprite-201312.png);
    vertical-align: middle;
    _position: relative;
    _top: -1px;
    margin: 0 6px 0 0;
}
.mytree-feed-list .feed-label-status .label-age .ico {
    background-position: 0 -220px;
}
.mytree-feed-list .feed-label-status .label-height .ico {
    background-position: -30px -220px;
}
.mytree-feed-list .feed-label-status .label-weight .ico {
    background-position: -60px -220px;
}
.mytree-feed-list .feed-label-status .label-milestone .ico {
    background-position: -90px -220px;
}

.mytree-feed-list .feed-foot {
    line-height: 20px;
}

.mytree-feed-list .feed-utility {
    float: left;
    display: inline;
    margin: 0 0 5px;
}

.mytree-feed-list .feed-category {
    margin: 0 10px 0 0;
    display: inline-block;
}

.mytree-feed-list .feed-view {
    margin: 0 5px 0 0;
}

.mytree-feed-list .feed-action {
    float: right;
    display: inline;
    text-align: right;
}

.mytree-feed-list .feed-action a {
    margin: 0 0 0 10px;
}

.mytree-feed-list .feed-action .gap {
    margin: 0 0 0 10px;
}

.mytree-feed-list .feed-comment-list {
    clear: both;
    border-radius: 3px;
    border: 1px solid #E9E9E9;
    background-color: #FAFAFA;
    zoom: 1;
}
.mytree-feed-list .feed-comment-list .mytree-comment {
    width: auto;
    padding: 5px 15px 0;
    _padding-bottom: 15px;
}
.mytree-feed-list .feed-comment-list .comment-list {
    margin: 0;
}
.mytree-feed-list .feed-comment-list .bui-close {
    display: none;
}
.mytree-feed-list .feed-comment-list .comment-item:hover .bui-close {
    display: block;
}
.mytree-feed-list .feed-comment-list .comment-text,
.mytree-feed-list .feed-comment-list .sub .comment-text {
    width: auto;
}
.mytree-feed-list .feed-comment-list .more  a {
    background-color: #E9E9E9;
    display: block;
    line-height: 30px;
    padding: 0 15px;
}
.mytree-feed-list .feed-comment-list .comment-post textarea {
    height: 46px;
    border: 1px solid #CCC;
}

.mytree-feed-list .feed-tag {
    clear: both;
    padding: 0 0 0 15px;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico.png?20120926) no-repeat 0 -130px;
    +display: inline;
    zoom: 1;
    margin: 0; /* IE6/7消除上方空白 */
}

.mytree-feed-list .feed-tag .tag-item {
    margin: 0 0 0 10px;
}

.mytree-feed-list .record-photo,
.mytree-feed-list .record-curve,
.mytree-feed-list .record-detail,
.feed-update .record-photo,
.feed-update .record-curve,
.feed-update .record-detail {
    display: inline-block;
    +display: inline;
    +zoom: 1;
    margin: 0 12px 0 0;
    margin: 0 15px 0 0 9;
    vertical-align: text-top;
}

.mytree-feed-list .record-photo,
.feed-update .record-photo {
    height: 100px;
}

.mytree-feed-list .record-photo img,
.feed-update .record-photo img {
    width: 100px;
    height: 100px;
    display: block;
}

.mytree-feed-list .record-curve,
.feed-update .record-curve {
    width: 360px;
    background-color: #FFF;
    margin: 0;
}

.mytree-feed-list .record-curve h5,
.feed-update .record-curve h5 {
    margin: 0 0 10px;
}

.mytree-feed-list .record-curve .view-large,
.feed-update .record-curve .view-large {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    margin: 0 0 0 20px;
}

.mytree-feed-list .record-curve p img,
.feed-update .record-curve p img {
    display: block;
}

.mytree-feed-list .mytree-record-curve-legend,
.feed-update .mytree-record-curve-legend {
    padding: 5px 5px 0;
}

.mytree-feed-list .record-detail,
.feed-update .record-detail {
    width: 200px;
}

.mytree-feed-list .record-detail dt,
.feed-update .record-detail dt {
    padding: 0 0 2px;
}

.mytree-feed-list .record-detail dd,
.feed-update .record-detail dd {
    padding: 0 0 10px;
}

.mytree-feed-list .record-text,
.feed-update .record-text {
    word-wrap: break-word;
    font-size: 14px;
}

.mytree-feed-list-detail .record-photo {
    float: left;
    display: inline;
    margin: 0 20px 20px 0;
}

.mytree-feed-list-detail .record-photo img {
    display: block;
}

.mytree-feed-list-detail .record-detail {
    width: 400px;
    float: left;
    display: inline;
    margin: 0 0 20px;
}

.mytree-feed-list-detail .record-text {
    margin: 0 0 20px;
}

.mytree-feed-list-detail .record-curve {
    clear: both;
    border-top: 1px dotted #CCC;
    padding: 30px 0;
    margin: 0;
    display: block;
}

.mytree-feed-list-detail .record-curve h3 {
    margin: 0 0 10px;
}

.mytree-feed-list-detail .record-curve .view-large {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    margin: 0 0 0 20px;
}

.mytree-side .record-curve {
    background-color: #FFF;
}

/* 新鲜事相关 */
.mytree-feed-update .feed-title h5 {
    font-weight: normal;
}
.mytree-feed-update .feed-title h5 a {
    font-weight: bold;
    font-size: 14px;
    margin: 0 4px;
}
.mytree-feed-update .feed-title h5 a:first-child {
    margin-left: 0;
}
.mytree-feed-update .feed-item-official .feed-title h5 a {
    font-size: 16px;
    margin: 4px 0 0;
}
.mytree-feed-update .update-tab {
    height: 1.5em;
    margin: 0 0 10px;
}
.mytree-feed-update .update-tab li {
    float: left;
    margin: 0 2em 0 0;
}
.mytree-feed-update .update-tab li a {
    text-decoration: none;
}
.mytree-feed-update .update-tab .active {
    font-weight: bold;
}
.mytree-feed-update .update-content-panel {
    clear: both;
    border-radius: 3px;
    border: 1px solid #E9E9E9;
    background-color: #FAFAFA;
    color: #999;
    padding: 15px;
    zoom: 1;
    position: relative;
}
.mytree-feed-update .update-content-panel:after {
    content: "";
    display: table;
    clear: both;
}
.update-thumb-list {
    zoom: 1;
}
.update-thumb-list:after {
    content: "";
    display: table;
    clear: both;
}
.update-thumb-list li {
    text-align: center;
    float: left;
    display: inline;
    line-height: 20px;
}
.update-thumb-list li a {
    float: left;
}
.update-thumb-list li img {
    width: 140px;
    height: 110px;
    display: block;
    margin: 0 0 5px;
}
.update-avatar-list {
    zoom: 1;
}
.update-avatar-list:after {
    content: "";
    display: table;
    clear: both;
}
.update-avatar-list li {
    text-align: center;
    width: 60px;
    float: left;
    display: inline;
    line-height: 20px;
}
.update-avatar-list li img {
    width: 50px;
    height: 50px;
    display: block;
    padding: 3px;
    background-color: #FFF;
    border: 1px solid #CCC;
    margin: 0 auto;
}
.update-content-panel .common a {
    color: #999;
}
.update-content-panel .part-text p {
    margin: 0 0 8px;
}
.update-content-panel .part-top {
    text-align: center;
}
.update-content-panel .part-text .hot {
    font-size: 16px;
    font-weight: bold;
}
.update-content-panel .part-top .common a {
    margin: 0 5px;
}
.update-content-panel .part-text .text-list {
    font-size: 14px;
}
#feed-update-recom .update-thumb-list {
    width: 330px;
    margin: 0 0 -10px;
    float: left;
}
#feed-update-recom .update-thumb-list li {
    margin: 0 20px 15px 0;
}
#feed-update-recom .part-text {
    float: right;
    display: inline;
    width: 250px;
}
#feed-update-journal .update-thumb-list {
    margin: 0 -4px 20px;
}
#feed-update-journal .update-thumb-list li {
    margin: 0 4px;
}
#feed-update-journal .text-list li {
    width: 50%;
    height: 1.5em;
    float: left;
}
#feed-update-photo {
    padding: 7px;
}
#feed-update-photo a {
    overflow: hidden;
    position: relative;
    float: left;
}
#feed-update-photo a:hover {
    text-decoration: none;
}
#feed-update-photo a img {
    float: left;
}
#feed-update-photo .part-l {
    width: 300px;
    height: 300px;
    overflow: hidden;
    float: left;
}
#feed-update-photo .part-r {
    width: 306px;
    height: 300px;
    overflow: hidden;
    float: left;
    margin: 0 0 0 -4px;
}
#feed-update-photo .part-l a {
    margin: 0 4px 4px 0;
}
#feed-update-photo .part-r a {
    margin: 0 0 4px 4px;
}
#feed-update-photo .part-r .img-2,
#feed-update-photo .part-r .img-4 {
    float: right;
}
#feed-update-photo .part-r .img-3 {
    clear: left;
}
#feed-update-photo .part-r .img-4 {
    margin-top: -40px;
    +margin-top: 0;
}
#feed-update-photo .part-l .img-1 img {
    width: 296px;
    height: 208px;
}
#feed-update-photo .part-l .img-2 img,
#feed-update-photo .part-l .img-3 img {
    width: 146px;
    height: 88px;
}
#feed-update-photo .part-r .img-1 img {
    width: 116px;
    height: 148px;
}
#feed-update-photo .part-r .img-2 img {
    width: 182px;
    height: 108px;
}
#feed-update-photo .part-r .img-3 img {
    width: 116px;
    height: 148px;
}
#feed-update-photo .part-r .img-4 img {
    width: 182px;
    height: 188px;
}
#feed-update-photo .photo-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMAmf9A5tgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAFnRFWHRDcmVhdGlvbiBUaW1lADEyLzEzLzEz6i8QcgAAAApJREFUCJljaAAAAIIAgcsTsmEAAAAASUVORK5CYII=);
    +background-image: none;
    +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 ); /* IE6~7 */
}
#feed-update-group .part-text {
    float: left;
}
#feed-update-group .update-avatar-list {
    float: right;
    width: 320px;
    margin: 15px 0 -15px;
}
#feed-update-group .update-avatar-list li {
    margin: 0 10px 15px;
}
.update-content-panel h5 {
    font-size: 14px;
    margin: 0 0 10px;
}
.update-content-panel .pager  {
    position: absolute;
    right: 15px;
    top: 15px;
}
.update-content-panel .pager li {
    width: 6px;
    height: 6px;
    overflow: hidden;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/sprite-201312.png) no-repeat -130px -290px;
    float: left;
    display: inline;
    margin: 4px 3px;
    cursor: pointer;
}
.update-content-panel .pager .active {
    background-position: -140px -290px;
}
.update-content-panel .pager .pager-prev {
    background-position: -90px -270px;
    width: 7px;
    height: 13px;
    margin: 0 5px 0 0;
    overflow: visible;
}
.update-content-panel .pager .pager-next {
    background-position: -110px -270px;
    width: 7px;
    height: 13px;
    margin: 0 0 0 5px;
    overflow: visible;
}
.update-content-panel .pager .off {
    cursor: default;
    opacity: .5;
    filter: alpha(opacity=50);
}
.feed-recom-cp {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.feed-recom-cp .recom-cp-list {
    width: 9999px;
}
.recom-cp-list li {
    float: left;
    display: inline;
    width: 220px;
    border-right: 1px solid #DFDFDF;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    position: relative;
}
.recom-cp-list li a:hover {
    text-decoration: none;
}
.recom-cp-list .list-title {
	width: 80px;
	padding: 0 0 0 60px;
}
.recom-cp-list .list-title a {
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	height: 1.5em;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}
.recom-cp-list .list-title img {
	width: 50px;
	height: 50px;
	position: absolute;
	margin: 3px 0 0 -60px;
}
.recom-cp-list .list-level {
	padding: 0 0 0 60px;
}
.recom-cp-list .list-baby {
	padding: 0 0 0 60px;
	margin: 0 0 4px;
}
.recom-cp-list .btn-follow {
    position: absolute;
    right: 10px;
    top: 0;
}
.recom-cp-list-w-thumb li {
    width: 120px;
    padding: 0 15px 0 0;
    margin: 0 15px 0 0;
}
.recom-cp-list .list-thumb {
    text-align: center;
    font-size: 14px;
    line-height: 2;
}
.recom-cp-list .list-thumb img {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto;
}
.recom-cp-list a.btn-like {
    position: absolute;
    right: 15px;
    bottom: 0;
    width: 24px;
    height: 26px;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/sprite-201312.png) no-repeat -130px -110px;
    display: none;
}
.recom-cp-list li:hover a.btn-like {
    display: block;
}
.feed-photo-gallery-guide {
    zoom: 1;
}
.feed-photo-gallery-guide:after {
    content: "";
    display: table;
    clear: both;
}
.feed-photo-gallery-guide li {
    float: left;
    margin: 0 8px 0 0;
}
.feed-photo-gallery-guide li a {
    float: left;
}
.feed-photo-gallery-guide li img {
    width: 100px;
    height: 100px;
    display: block;
    padding: 3px;
    background-color: #FFF;
    border: 1px solid #DDD;
}
.feed-photo-gallery-guide .btn-spread {
    width: 36px;
    height: 106px;
    background-color: #EEE;
    border: 1px solid #DDD;
    float: left;
}
.feed-photo-gallery-guide .btn-spread i {
    width: 13px;
    height: 18px;
    display: block;
    margin: 44px auto;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/sprite-201312.png) no-repeat -140px -270px;
}

    /* 从首页隐藏 */

    .mytree-feed-list .feed-item-hidden {
        padding: 0 0 40px;
        position: relative;
        z-index: 0;
    }
    
    .mytree-feed-list .feed-item-hidden .feed-head {
        min-height: 20px;
        _height: 20px;
        margin: 0;
        float: left;
    }

    .mytree-feed-list .feed-item-hidden .feed-label {
        width: 16px;
        height: 16px;
        margin: 2px 0 0;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-ico.png?20120926) no-repeat -45px -40px;
        border-radius: 0;
    }
    
    .mytree-feed-list .feed-item-hidden .feed-title {
        margin: 0 0 0 24px;
    }
    
    .mytree-feed-list .feed-item-hidden .feed-title h2 {
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
    }

    .mytree-feed-list .feed-item-hidden .feed-foot {
        float: right;
    }

    .mytree-feed-list .feed-hidden-tip {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 600px;
        line-height: 20px;
        height: 20px;
        margin: -10px 0 0 -300px;
        font-size: 14px;
        color: #FFF;
        text-align: center;
    }

	/* 好友新鲜事(旧) */

	.feed-update {
	margin:0 auto;
	clear:both;
	zoom:1;
	z-index:0;
	}

	.feed-update:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	}

	.feed-update a {
	color:#069;
	}

	.feed-update li {
	padding:15px 5px;
	border-bottom:1px solid #E4E4E4;
	clear:both;
	width:680px;
	float:left;
	zoom:1;
	_float:none;
	_font-size:0;
	position:relative;
	}

	.feed-update li * {
	_font-size:12px;
	_line-height:160%;
	}

	.feed-update .icon {
	display:inline;
	width:20px;
	float:left;
	text-align:center;
	background-color:transparent;
	margin:2px 0 0;
	/* ++++++++++++++ */ display:none;
	}

	.feed-update .icon img {
	vertical-align:middle;
	}

	.feed-update .thumb {
	float:left;
	display:inline;
	width:57px;
	height:57px;
	margin:0 10px 0 0;
	}

	.feed-update .thumb img {
	width:49px;
	height:49px;
	display:block;
	padding:3px;
	border:1px solid #CCC;
	}

	.feed-update .content {
	margin:0 4px 0 0;
	display:inline;
	width:490px;
	float:left;
	word-wrap:break-word;
	}

	.content .contentTitle {
	font-weight:bold;
	}

	.content .contentCont {
	margin:5px 4px 0;
	clear:both;
	zoom:1;
	}

	.content .contentCont:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	overflow:hidden;
	}

	.contentContSub {
	margin:10px 0 0;
	color:#888;
	width:480px;
	}

	.contentContSubTop,
	.contentContSubBottom,
	.contentContSubTop2,
	.contentContSubBottom2,
	.contentContSubBottom3 {
	width:550px;
	height:4px;
	overflow:hidden;
	background:transparent url(http://static01.babytreeimg.com/img/mytreeadmin/mta-misc-201012.png?ver=1) no-repeat;
	}

	.contentContSubTop {
	background-position:0 -80px;
	}

	.contentContSubBottom {
	background-position:0 -84px;
	}

	.contentContSubTop2 {
	height:10px;
	background-position:0 -88px;
	}

	.contentContSubBottom2 {
	background-position:0 -98px;
	}

	.contentContSubBottom3 {
	background-position:0 -102px;
	}

	.contentContSubMainPhoto {
	padding:6px 10px;
	/*
	 * 好友新鲜事儿里图片展示去掉背景颜色
	background-color:#F1F1F1;
	*/
	}

	.contentContSubMain {
	padding:6px 10px;
	background-color:#F6F6F6;
	width:530px;
	}

	.contentContSubMain blockquote {
	line-height:20px;
	}

	.contentContFunc {
	color:#BEBEBE;
	margin:5px 0;
	}

	.contentContFunc a {
	color:#3E7A97 !important;
	margin:0 !important;
	}

	.contentContFunc a b {
	color:#990000 !important;
	font-weight:normal;
	}

	.contentContFunc .gap {
	margin:0 5px;
	font-size:14px;
	}

	.contentCont .subComment {
	border:1px solid #CCC;
	color:#CCC;
	width:450px;
	height:3em;
	margin:5px 0;
	}

	.contentCont .galleryPreview {
	height:400px;
	width:530px;
	overflow:hidden;
	padding:0;
	text-align:center;
	position: relative;
	}

	.contentCont .galleryPreview a {
	margin:0 !important;
	}

	.commentText {
	line-height:20px;
	}

	.feed-update .commentText a {
	color:#3E7A97;
	}

	.commentSpan {
	line-height:25px;    
	overflow:hidden;
	display:list-item;
	margin-bottom:5px;
	padding-bottom:10px;
	border-bottom:1px dotted #DDD;
	zoom:1;
	}


	.feed-update .content .commentSpan .avatar30 {
	display:inline;
	float:left;
	margin:5px 5px 0 0;
	}

	.commentSpan .avatar30 img {
	width:30px;
	height:30px;
	padding:1px;
	border:1px solid #DDD;
	}

	.commentSpan div {
	width:475px;
	float:left;
	}

	.commentListMore {
	border-top:1px solid #DDD;
	padding:10px 5px;
	}

	.feed-update .commentListMore .more {
	margin:0;
	}

	.userSeller {
	background:transparent url(http://static01.babytreeimg.com/img/mytreeadmin/mta-ico-seller.png) no-repeat right center;
	padding:0 26px 0 0;
	}

	.btnCommentSubmit {
	width:58px;
	height:21px;
	overflow:hidden;
	vertical-align:middle;
	background:transparent url(http://static01.babytreeimg.com/img/mytreeadmin/mta-misc-201012.png?ver=1) no-repeat 0 -120px;
	line-height:200px;
	font-size:0;
	_padding:58px 0 0;
	}

	.btnCommentSubmit:active {
	position:relative;
	top:0;
	left:0;
	z-index:0;
	}

	.ilDismiss {
	cursor:pointer;
	margin:0 15px;
	color:#666;
	}

	.btnToEnroll {
	width:58px;
	height:21px;
	display:block;
	overflow:hidden;
	background:transparent url(http://static01.babytreeimg.com/img/mytreeadmin/mta-misc-201012.png?ver=1) no-repeat -70px -120px;
	line-height:200px;
	font-size:0 !important;
	margin:0 !important;
	}

	.byText .btnToEnroll {
	margin:16px 0 0 !important;
	}


	.feed-update .content a {
	margin:0 4px;
	display:inline-block;
	}

	.feed-update .content a:first-child {
	margin: 0 4px 0 0;
	}

	.feed-update .content .contentTitle a {
	display:inline;
	}

	.feed-update .content .contentTitle a b {
	color:#990000;
	}

	.feed-update .content .p {
	display:block;
	margin:0 0 4px;
	}

	.feed-update .content .p2 {
	margin:0 4px;
	}
	.feed-update .content strong,
	.feed-update .content .p strong,
	.feed-update .content .p2 strong {
	font-weight:normal;
	}

	.feed-update .time {
	color: #828282;
	position: absolute;
	right: 0;
	top: 15px;
	}

	.feed-update .close {
	color:#AAAAAA;
	cursor:pointer;
	display:none;
	margin:20px 0 0;
	}

	.feed-update .expand {
	float:left;
	clear:both;
	background:transparent url(http://static01.babytreeimg.com/img/mytreeadmin/mta-update-expand-bg.png) no-repeat;
	height:18px;
	line-height:12px;
	margin:6px 25px 0;
	padding:0 0 0 4px;
	white-space:nowrap;
	cursor:pointer;
	color:#666;
	}

	.feed-update .expand span {
	float:left;
	background:transparent url(http://static01.babytreeimg.com/img/mytreeadmin/mta-update-expand-bg.png) no-repeat right 0;
	height:14px;
	line-height:14px;
	padding:2px 4px 3px 0;
	}

	.feed-update .expandContent {
	background-color:#F3F3F3;
	float:left;
	}

	.feed-update .fromgallery {
	zoom:1;
	clear:both;
	}

	.feed-update .fromgallery:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	overflow:hidden;
	}

	.feed-update div.fromgallery {
	font-size:0;
	}

	.feed-update div.fromgallery a {
	margin:5px;
	display:-moz-inline-stack;
	}

	.feed-update .fromgallery td {
	vertical-align:top;
	line-height:160%;
	padding:0 10px;
	}

	.feed-update .fromgallery a img {
	padding:3px;
	background-color:#FFF;
	border:1px solid #DDD;
	clear:both;
	}

	.feed-update .fromgallery .simsun {
	font-family:Simsun;
	}

	.feed-update .fromgallery td .more {
	display:block;
	text-align:right;
	margin:40px 0 0;
	}


	#feedsuggestcontent1,
	#feedsuggestcontent2,
	#feedsuggestcontent3 {
	width:560px;
	clear:both;
	margin: 0 0 0 60px;
	_margin:0 0px 20px 60px;
	}

	.feed-update .fromBabytree .byPic {
	width:108px;
	text-align:center;
	border-right:1px solid #E4E4E4;
	}

	.feed-update .fromBabytree .byPic a {
	display:block;
	margin:0;
	}

	.feed-update .fromBabytree .byText {
	}

	.feed-update .fromBabytree .byText p {
	line-height:22px;
	_height:22px;
	}

	.feed-update .fromBabytree .byText p a {
	margin:0 0 0 5px;
	}

	.feed-update .more {
	text-align:right;
	line-height:20px;
	width:550px;
	}

	.feed-update .more a {
	display:inline-block;
	}

	.mtaUpdateMore {
	clear:both;
	zoom:1;
	margin:20px;
	}

	.mtaUpdateMore a {
	width:140px;
	height:41px;
	overflow:hidden;
	display:block;
	background:transparent url(http://static01.babytreeimg.com/img/mytreeadmin/mta-update-more-btn.png) no-repeat;
	text-align:center;
	font:bold 14px/40px default;
	color:#FFF !important;
	text-decoration:none;
	text-indent:4px;
	margin:0 auto;
	}

	.forBabytreeSubNav {
	margin:10px 0 5px;
	width:300px;
	float:left;
	}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
	.forBabytreeSubNav {
	margin:10px 0 -10px;
	}
	}

	.forBabytreeSubNav li {
	border:0 none !important;
	clear:none !important;
	width:auto !important;
	padding:0 !important;
	height:23px;
	cursor: pointer;
	display:inline;
	margin:0 4px;
	}

	.forBabytreeSubNav li .left,
	.forBabytreeSubNav li .mid,
	.forBabytreeSubNav li .right {
	float:left;
	height:23px;
	line-height:19px;
	overflow:hidden;
	}

	.forBabytreeSubNav li .left,
	.forBabytreeSubNav li .right {
	width:6px;
	}

	.forBabytreeSubNav li.current {
	color:#FFF;
	}

	.forBabytreeSubNav li.current .left,
	.forBabytreeSubNav li.current .mid,
	.forBabytreeSubNav li.current .right {
	background:transparent url(http://static01.babytreeimg.com/img/mytreeadmin/mta-update-babytree-nav-bg.png) no-repeat;
	}

	.forBabytreeSubNav li.current .mid {
	background-position:center 0;
	}

	.forBabytreeSubNav li.current .right {
	background-position:right 0;
	}

	.forLocal {
	width:580px;
	margin:-20px 0 5px 0px;
	zoom:1;
	clear:both;
	}

	.forLocal td {
	width:50%;
	}

	.forLocal .localItem {
	position:relative;
	z-index:0;
	width:290px;
	height:110px;
	}

	.forLocal .itemThumb {
	float:left;
	margin:5px 10px 0 0;
	}

	.forLocal .itemThumb a img {
	width:100px;
	height:100px;
	display:block;
	padding:2px;
	border:1px solid #CCC;
	}

	.forLocal .itemTitle {
	font-weight:bold;
	}

	#feedContent .gallery-box{
    width:530px;
    padding:0px 15px 10px;
	}

	.mytree-feed-list .fromgallery {
		zoom: 1;
		margin: 0 0 3px;
	}
	.mytree-feed-list .fromgallery:after {
		content: "";
		display: table;
		clear: both;
	}
	.mytree-feed-list div.fromgallery a {
		margin: 0 5px 5px 0;
        cursor:url(http://static01.babytreeimg.com/img/mybabytree_v2/common/big.cur), auto!important;
	}
	.mytree-feed-list .fromgallery td {
		vertical-align: top;
		line-height: 160%;
	}
	.mytree-feed-list .fromgallery a img {
		background-color: #FFF;
		border: 1px solid #DDD;
		clear: both;
		vertical-align: top;
	}
	.mytree-feed-list .fromgallery .simsun {
		font-family: Simsun;
	}
	.mytree-feed-list .fromgallery td .more {
		display: block;
		text-align: right;
		margin: 40px 0 0;
	}
	.mytree-feed-list .contentContSubMainPhoto {
		padding: 0;
	}
	.mytree-feed-list .galleryPreview {
		height: 400px;
		overflow: hidden;
		padding: 0;
		position: relative;
		text-align: center;
		width: 524px;
		border: 1px solid #ccc;
		padding: 10px;
		background: #fff;
	}
    .mytree-feed-list .galleryPreview span img {
        cursor:url(http://static01.babytreeimg.com/img/mybabytree_v2/common/small.cur), auto!important; 
    }
	.downloading {
		position: absolute;
		left: 50%;
		top: 40%;
		z-index: 99;
		margin: -45px 0 0 -45px;
	}
	.left-img {
		position: absolute;
		width: 225px;
		height: 100%;
		z-index: 9999;
		top: 0;
		left: 0;
		background: url(http://static01.babytreeimg.com/img/user/photo-single-misc-bg.png) no-repeat scroll -9999px -9999px transparent;
		cursor: url("/img/common/arr_left.cur"), auto;
	}
	.right-img {
		position: absolute;
		width: 225px;
		height: 100%;
		z-index: 9999;
		top: 0;
		right: 0;
		background: url(http://static01.babytreeimg.com/img/user/photo-single-misc-bg.png) no-repeat scroll -9999px -9999px transparent;
		cursor: url("/img/common/arr_right.cur"), auto;
	}
	.contentContFunc {
		color: #BEBEBE;
		margin: 5px 0;
	}
	.contentContFunc a {
		color: #3E7A97 !important;
		margin: 0 !important;
	}
	.contentContFunc a b {
		color: #990000 !important;
		font-weight: normal;
	}
	.contentContFunc .gap {
		margin: 0 5px;
		font-size: 14px;
	}

    /* 调查临时 */

    .feed-update .content .vote {
    margin:5px 0 0;
    padding:0 4px;
    }

    .feed-update .content .vote a {
    margin:0 4px 0 0;
    }

    .feed-update .content .vote strong {
    font-weight:bold;
    }

    .feed-update .vote .vote-result dd {
    color:#999;
    }

    /* 新鲜事推荐 */

    .feed-update .thumb-s {
    position:absolute;
    left:38px;
    top:48px;
    z-index:1;
    }

    .feed-update .thumb-s img {
    border:1px solid #CCCCCC;
    background-color:#FFF;
    display:block;
    height:24px;
    padding:2px;
    width:24px;
    }

    .feed-recom-item em {
    width:7px;
    height:13px;
    position:absolute;
    left:76px;
    top:50px;
    background:transparent url(http://static01.babytreeimg.com/img/newsfeed/arrow-w.png) no-repeat;
    }

    .feed-recom-item .contentTitle {
    width:490px;
    background:transparent url(http://static01.babytreeimg.com/img/newsfeed/feed-recom-item-bg.png) no-repeat 0 0;
    padding:12px 30px 5px;
    }

    .feed-recom-item .contentCont {
    border:1px solid #DEDEDE;
    border-width:0 1px;
    padding:0 29px;
    margin:0;
    background-color:#F6F6F6;
    }

    .feed-recom-item .content {
    width:550px;
    margin:0 0 10px 10px;
    padding:0 0 5px;
    background:transparent url(http://static01.babytreeimg.com/img/newsfeed/feed-recom-item-bg.png) no-repeat 0 bottom;
    }

    #feedContent .fromgallery-single {
    float:left;
    display:inline;
    padding:0;
    }

    .recom-quote {
    margin:20px 0 10px;
    clear:both;
    zoom:1;
    }

    .quote-holder {
    color:#069;
    padding:5px 0;
    position:relative;
    z-index:0;
    display:inline-block;
    zoom:1;
    }

    .quote-body {
    margin:0 20px;
    display:inline-block;
    }

    .quote-opening,
    .quote-closing {
    width:10px;
    height:10px;
    overflow:hidden;
    text-indent:-9999px;
    background-image:url(http://static01.babytreeimg.com/img/newsfeed/quote-icon.png);
    background-repeat:no-repeat;
    position:absolute;
    }

    .quote-opening {
    background-position:0 0;
    left:0;
    top:0;
    }

    .quote-closing {
    background-position:0 -10px;
    right:0;
    bottom:0;
    }

    .photo-attached {
    background:transparent url(http://static01.babytreeimg.com/img/newsfeed/ico-attach-photo.png) no-repeat 0 center;
    padding:0 0 0 20px;
    display:inline-block;
    line-height:20px;
    margin:0 0 5px;
    }

    .feed-tag {
    margin:5px 0;
    }

    .feed-recom-item .feed-tag {
    float:left;
    display:inline;
    height:20px;
    }

    .feed-recom-item .contentContFunc {
    float:right;
    display:inline;
    height:20px;
    }

    .feed-recom-item .photocontainer {
    clear: both;
    margin: 0 0 0 77px;
    width: 550px;
    }

    .feed-recom-item .contentContSubMainPhoto {
    margin: 0 0 5px;
    padding: 5px 0;
    }

    .feed-recom-item .galleryPreview {
    margin: 0 auto;
    padding: 0;
    }

    .feed-recom-item .time {
    right:80px;
    top:27px;
    }

    .feed-recom-item .contentContSubBottom {
    height: 0;
    }

    #feeduserpopinfo {
    padding:10px;
    position:absolute;
    z-index:9999;
    background-color:#FFF;
    border:1px solid #CCC;
    border-color:#CCC #999 #999 #CCC;
    width:220px;
    display:none;
    }

    #feeduserpopinfo a {
    display:inline-block;
    color:#006699;
    }

    #feeduserpopinfo .popAvatar {
    float:left;
    margin:3px 10px 0 0;
    }

    #feeduserpopinfo .popAvatar img {
    width:49px;
    height:49px;
    display:block;
    }

    #feeduserpopinfo .popUsername a {
    color:#069;
    font-weight:bold;
    }

    #feeduserpopinfo .popProfile {
    float:left;
    color:#999;
    margin:0 0 10px;
    }

    #feeduserpopinfo .popProfile li {
    line-height:18px;
    }

    #feeduserpopinfo .popDetail {
    margin:5px 0;
    clear:both;
    }

    #feeduserpopinfo .popAlbum {
    clear:both;
    zoom:1;
    }

    #feeduserpopinfo .popAlbum li{
    float:left;
    display:inline;
    margin:0 8px 0 0;
    }

    #feeduserpopinfo .popAlbum li a {
        display:block;
    }

    .t-update textarea {
        height:55px;
    }

    /* 更新流无内容 */

    .default-theme-welcome {
        padding: 0 0 350px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/default-theme-welcome.png) no-repeat center bottom;
    }

    .default-theme-welcome a {
        display: inline-block;
    }

    .default-theme-welcome .welcome1 {
        font-size: 30px;
        font-weight: normal;
    }

    .default-theme-welcome .welcome2 {
        font-size: 24px;
        margin: 3px 0 5px;
    }

    .default-theme-welcome .welcome3 {
        font-size: 18px;
    }

    .default-theme-welcome .bui-list-avatar-4 {
        margin: 0 0 10px;
    }

    .default-theme-welcome .bui-list-avatar-4 li {
        width: 96px;
        margin: 0 10px;
    }

    .default-theme-welcome .bui-list-avatar-4 li img {
        width: 96px;
        height: 96px;
    }
    
    .default-theme-welcome .bui-list-cp {
        margin: 0 0 10px;
    }

    .default-theme-welcome .bui-list-cp li {
        width: 33%;
        float: left;
    }
    
    .default-theme-welcome .bui-list-cp .list-detail {
        width: 120px;
    }
    
    .default-theme-welcome .bui-list-cp .list-action a {
        margin: 0 8px 0 0;
        display: inline-block;
    }

    .default-theme-welcome-yun {
        background-image: none;
        padding: 0;
    }

    .default-theme-welcome-yun .same-date {
        margin: 15px 0;
    }

    .default-theme-welcome-yun .same-date strong {
        font-size: 26px;
        font-weight: normal;
        margin: 0 4px;
    }

    .default-theme-welcome-yun h5 {
        margin: 25px 0 5px;
    }

    .default-theme-welcome .mytree-feed-list .feed-item {
        border-width: 3px 0 0;
        border-style: solid;
        padding: 20px 10px 0;
        margin: 20px 0 0;
    }

    .default-theme-welcome .mytree-feed-list .feed-head {
        margin: 10px 0 20px;
    }

    .default-theme-welcome .mytree-feed-list .feed-body blockquote {
        line-height: 200%;
    }

    .default-theme-welcome .mytree-feed-list .feed-body .bui-input-text {
        margin: 0 .5em;
        width: 12em;
    }

    .default-theme-button-long {
        width: 300px;
        height: 36px;
        display: block !important;
        line-height: 36px;
        margin: 20px auto 0;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/default-theme-button-long.png) no-repeat;
        color: #FFF !important;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
    }

    .default-theme-welcome .bui-list-cp-2 li {
        width: 50%;
        height: 44px;
        float: left;
        margin: 15px 0 0;
    }

    .default-theme-welcome .bui-list-cp-2 .list-thumb img {
        width: 32px;
        height: 32px;
    }
    
    .default-theme-welcome .bui-list-cp-2 .list-detail {
        width: auto;
    }

    .default-theme-welcome .mytree-feed-list .record-detail {
        width: 230px;
    }
    
    .default-theme-welcome .mytree-feed-list .record-detail-list,
    .default-theme-welcome .mytree-feed-list .record-detail dd {
        width: auto;
    }

    .default-theme-welcome .mytree-feed-list .record-detail dd .bui-input-text  {
        width: 116px;
    }

    .default-theme-welcome .mytree-feed-list .record-detail dd textarea {
        width: 116px;
        margin: 0 .5em;
        height: 80px;
    }

    .default-theme-welcome .mytree-feed-list .record-detail dt {
        width: 5em;
        text-align: right;
    }

    .default-theme-welcome .record-curve {
        width: auto;
        margin: -50px 0 0;
    }

    .default-theme-record-curve {
        width: 305px;
        height: 213px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/default-theme-record-curve.png) no-repeat;
    }

/* 自定义区域 */

#mytree-diy {
    width: 690px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    margin: 0 0 20px;
}

#mytree-diy-edit {
    width: 682px;
    border: 4px solid transparent;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

#mytree-diy .diy-publish {
    position: absolute;
    right: 1px;
    top: 1px;
}

#mytree-diy .diy-publish a {
    vertical-align: text-top;
}

#mytree-diy-edit .diy-tip {
    position: absolute;
    left: 20px;
    top: 50px;
    color: #CCC;
    cursor: default;
}

#mytree-diy-edit .diy-tip p {
    font-size: 14px;
}

#mytree-diy .diy-edit {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

#mytree-diy:hover .diy-edit {
    display: block;
}

#mytree-diy .diy-edit-menu {
    width: 60px;
    padding: 5px 0;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/transparent-black.png) repeat;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static01.babytreeimg.com/img/mybabytree_v2/common/transparent-black.png', sizingMethod='scale');
    border-radius: 5px;
}

#mytree-diy .diy-edit-menu a {
    color: #FFF !important;
    text-decoration: none;
    display: block;
    zoom: 1;
    line-height: 24px;
    text-align: center;
}

#mytree-diy .diy-edit-menu a:hover {
    text-decoration: underline;
}

#mytree-diy .video-player {
    width: 640px;
    height: 480px;
}

#mytree-diy .photo-container {
    width: 520px;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/diy-photo-bg.png) no-repeat;
    padding: 10px 0 0;
    margin: 0 auto;
}

#mytree-diy .photo-container a {
    width: 480px;
    display: block;
    border: 1px solid #E0E0E0;
    background-color: #FFF;
    padding: 14px 19px;
    text-align: center;
}

#mytree-diy .photo-container img {
    width: 480px;
    margin: 0 0 -3px; /* 消除图片下方的空白 */
    +margin: 0; /* IE6/7不需要以上调整 */
}

/* 侧栏模块 */

    /* 努力 */
	#mytree-module-timeline {
		border-style: solid;
		border-width: 0 0 2px;
	}
	#mytree-module-timeline .slogan {
        width: 163px;
        height: 33px;
        display: block;
        background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/timeline-slogan.png);
        _background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img01.babytreeimg.com/img/mybabytree_v2/common/timeline-slogan.png', sizingMethod='image');
	}
	#mytree-module-timeline .module-body {
		padding-top: 16px;
		zoom: 1;
	}
	#mytree-module-timeline dl {
		border-left: 2px solid #D8D7D7;
		margin-left: 4px;
		padding: 0 0 20px 20px;
		zoom: 1;
	}
	#mytree-module-timeline dl.last {
		padding-bottom: 0;
	}
	#mytree-module-timeline dl dt {
		position: relative;
		top: -6px;
		margin-bottom: -6px;
		zoom: 1;
	}
	#mytree-module-timeline .dot {
		width: 10px;
		height: 10px;
		overflow: hidden;
		border-radius: 50%;
		background-color: #000;
		position: absolute;
		left: -26px;
		top: 50%;
		margin-top: -5px;
	}
	#mytree-module-timeline .peak {
		width: 0;
		height: 0;
		overflow: hidden;
		border: solid;
		border-width: 6px;
		_display: none;
		border-right-color: #000;
		position: absolute;
		left: -12px;
		top: 50%;
		margin-top: -6px;
	}
	#mytree-module-timeline dl dt .peak {
		border-left-color: transparent;
		border-top-color: transparent;
		border-bottom-color: transparent;
	}
	#mytree-module-timeline .date {
		display: inline-block;
		padding: 2px 15px;
		border-radius: 3px;
		background-color: #000;
		color: #FFF;
	}
	#mytree-module-timeline .dot,
	#mytree-module-timeline .peak,
	#mytree-module-timeline .date {
		opacity: .7;
		filter: alpha(opacity=70)\9;
	}
	#mytree-module-timeline .latest .dot,
	#mytree-module-timeline .latest .peak,
	#mytree-module-timeline .latest .date {
		opacity: 1;
		filter: none\9;
	}
	#mytree-module-timeline dd {
		padding: 10px 0 0;
		zoom: 1;
	}

    /* 留言板 */

    #mytree-module-message .module-body p {
        margin: 0 0 5px;
    }

    #mytree-module-message textarea {
        width: 180px;
    }
    
    #mytree-module-message .message-submit {
        text-align: right;
        margin: 0;
    }

    #mytree-module-message .message-submit input {
        vertical-align: baseline;
    }

    /* 音乐盒 */

    #music_box_player {
        display: block;
    }

    #rm_music_box .music-edit {
        margin: 5px 0 0;
    }

    /* stats */

    #mytree-module-stats .stats-chart {
        padding: 0 0 20px;
    }

    #mytree-module-stats .stats-chart table {
        width: 145px;
        height: 100%;
        margin: 0 auto;
        border-width: 2px;
        border-style: solid;
        background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-stats-chart-bg.png);
        background-repeat: repeat;
        position: relative;
        z-index: 0;
    }

    #mytree-module-stats .stats-chart td {
        vertical-align: bottom;
        width: 12px;
        height: 50px;
        padding: 10px 4px 0;
    }

    #mytree-module-stats .stats-chart .bar {
        width: 12px;
        display: block;
        margin: 0 auto;
        overflow: hidden;
        background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/transparent-white.png);
        _background-image: none;
        _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='//static01.babytreeimg.com/img/mybabytree_v2/common/transparent-white.png', sizingMethod='image');
        border-radius: 3px 3px 0 0;
    }

    #mytree-module-stats .stats-chart .max .bar {
        background-image: none;
        _filter: none;
    }

    #mytree-module-stats .stats-chart .min .bar {
        background-image: url(http://static01.babytreeimg.com/img/mybabytree_v2/common/transparent-white-2.png);
        _background-image: none;
        _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='//static01.babytreeimg.com/img/mybabytree_v2/common/transparent-white-2.png', sizingMethod='image');
    }
    
    #mytree-module-stats .stats-chart .stat-num {
        position: absolute;
        font-size: 9px;
        line-height: 10px;
        width: 30px;
        text-align: center;
        margin: -10px 0 0 -9px;
    }

    #mytree-module-stats .stats-chart .day-label {
        line-height: 20px;
        position: absolute;
        margin: 4px 0 0;
        display: block;
    }

    #mytree-module-stats .stats-detail {
         margin: 5px 5px 0;
    }

    /* 翻页（旧） */

    .pagejump a,
    .pagejump .current {
        background-image: none !important;
        border: 0 none !important;
        font-family: Arial, "Microsoft Yahei", sans-serif !important;
        line-height: 24px;
        display: inline-block;
        padding: 0;
    }
    
    .pagejump .current {
        font-size: 16px;
        font-weight: bold;
    }

    .pagejump .page-first,
    .pagejump .page-first:hover,
    .pagejump .page-last,
    .pagejump .page-last:hover,
    .pagejump .page-prev,
    .pagejump .page-prev:hover,
    .pagejump .page-next,
    .pagejump .page-next:hover {
        width: 46px !important;
        height: 24px !important;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/pagejump-submit-button.png) no-repeat !important;
        border: 0 none !important;
        color: #333 !important;
        padding: 0;
    }
    
    .pagejump .submit {
        width: 46px !important;
        height: 24px !important;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/pagejump-submit-button.png) no-repeat !important;
        border: 0 none !important;
        color: #333 !important;
    }

    div.pagejump {
        font-family: "宋体";
        padding: 3px;
        font-size: 12px;
        margin: 3px;
        color: #666;
        text-align: center;
        font-size: 12px;
        white-space: nowrap;
    }
    div.pagejump a {
        background-position: 50% bottom;
        background-image: url(http://static01.babytreeimg.com/img/common/pagejump.jpg);
        border: 1px solid #a3c5e8;
        color: #06c;
        padding: 3px 5px 2px;
        margin: 2px;
        text-decoration: none;
    }
    div.pagejump a.off, div.pagejump a.off:hover {
        background-image: none;
        border-color: #CCC;
        color: #CCC;
        cursor: default;
    }
    div.pagejump span.current, div.pagejump a:hover {
        padding: 3px 5px 2px;
        margin: 2px;
        border: 1px solid #ff9d8a;
        background: url(http://static01.babytreeimg.com/img/common/pagejump.jpg) 0 -5px repeat-x;
        color: #DF3A0B;
    }
    div.pagejump .goto-input {
        padding: 0;
        border: 1px solid #cadbe7;
        margin: 0 3px;
        width: 30px;
        color: #666;
        height: 17px;
        line-height: 17px;
    }
    div.pagejump .submit {
        background: #d4d0c8;
        border-bottom: 1px solid #404040;
        border-right: 1px solid #404040;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        color: #000;
        padding: 0 2px;
        font-size: 12px;
        *height: 19px;
        line-height: 17px;
        width: 33px;
        cursor: pointer;
    }
    div.pagejump.page-inline {
        display: inline;
    }
    #pagination {
        text-align: center;
    }
    #go2Page {
        width: 2em;
        margin: 0 .4em;
    }

    /* 头像类列表 */

        /* 侧栏使用 */

        .bui-list-avatar li {
            width: 33.3333%;
            float: left\0/;
        }

        .bui-list-avatar li:hover {
            position: relative;
            z-index: 1;
        }

        .bui-list-avatar .list-tip {
            position: absolute;
            border: 1px solid #CCC;
            background-color: #FFF;
            padding: 5px;
            top: -30px;
            left: 30px;
            cursor: default;
            text-align: left;
        }

        .bui-list-avatar li:hover .list-tip {
            display: block;
        }

        .bui-list-avatar .list-tip p {
            white-space: nowrap;
        }

        .bui-list-avatar .list-detail {
            heihgt: 36px\0/;
        }

    /* 好友直通车 */

    #mytree-side-user-access .access-form {
        width: 190px;
        height: 28px;
        background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/mytree-misc.png) no-repeat 0 -90px;
    }

    #mytree-side-user-access .access-user {
        width: 143px;
        height: 14px;
        line-height: 14px;
        margin: 2px;
        padding: 5px;
        border: 0 none;
        background-color: transparent;
        float: left;
        display: inline;
        outline: 0;
    }

    #mytree-side-user-access .access-submit {
        width: 31px;
        height: 24px;
        overflow: hidden;
        line-height: 9999px;
        margin: 2px 2px 2px 0;
        border: 0 none;
        background-color: transparent;
        opacity: 0.5;
        cursor: pointer;
        float: left;
        display: inline;
    }

    /* 小奖章 */

    #rm_medals .list {
        margin: 0 -4px;
        width: 100%;
    }

    #rm_medals .list .medals {
        width: 50%;
        text-align: center;
        line-height: 24px;
    }

    .medalicon {
        width: 60px;
        height: 60px;
        margin: 0 auto;
        position: relative;
        z-index: 0;
    }

    .medalicon .levelicon {
        width: 19px;
        height: 19px;
        display: block;
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

    .medalpopup {
        width: 100%;
        margin: 0 auto;
    }
    .medalpopup .ulist {
        zoom: 1;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

    .medalpopup .ulist li {
        width: 60px;
        height: 80px;
        float: left;
        display: inline;
        border: 1px solid #fff;
        margin: 5px;
        font-size: 12px;
        text-align: center;
    }

    .medalpopup .line {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }

    .sunicon {
        width: 19px;
        height: 19px;
        display: inline-block;
        background: url(http://static01.babytreeimg.com/img/mytreeadmin/icon/level5_s.png?ver=20100825);
        _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='//static01.babytreeimg.com/img/mytreeadmin/icon/level5_s.png?ver=20100825',sizingMethod='image');
        _background: none;
        vertical-align: middle;
        margin: 0 0 -4px 2px;
    }

    .medalDetailPopup {
        color: #666;
        z-index: 2000;
        position: absolute;
        display: none;
    }

    .medalPopupRight .bg {
        width: 275px;
        height: 200px;
        padding: 25px 17px 17px;
        position: absolute;
        top: 0;
        left: 0;
        background: transparent url(http://static01.babytreeimg.com/img/mytreeadmin/medal-popup-right.png) no-repeat;
        _background-image: none;
        _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='//static01.babytreeimg.com/img/mytreeadmin/medal-popup-right.png', sizingMethod='image');
    }

    .medalPopupLeft .bg {
        width: 275px;
        height: 200px;
        padding: 25px 17px 17px;
        position: absolute;
        top: 0;
        left: 0;
        background: transparent url(http://static01.babytreeimg.com/img/mytreeadmin/medal-popup-left.png) no-repeat;
        _background-image: none;
        _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='//static01.babytreeimg.com/img/mytreeadmin/medal-popup-left.png', sizingMethod='image');
        z-index: 1;
    }

    .medalDetailPopup .cnt {
        width: 275px;
        height: 200px;
        padding: 25px 17px 17px;
        position: absolute;
        z-index: 2;
    }

    .medalDetailPopup .medalicon {
        background-repeat: no-repeat;
        float: left;
        display: inline;
        margin: 0 10px 37px 10px;
    }

    .medalDetailPopup .medalName {
        font-size: 14px;
        font-weight: bold;
    }

    .medalDetailPopup .medalDetail {
        height: 60px;
        margin-bottom: 19px;
    }

    .medalDetailPopup .medalTask {
        clear: both;
        height: 60px;
    }

    #medal_detail_popup .medalTask a {
    text-decoration: underline;
        color: #3658D5;
        white-space: nowrap;
    }

    #medal_detail_popup .medalTask b {
        color: #FF6600;
    }

    .medalDetailPopup .medalTask img {
        vertical-align: middle;
        margin: 0 2px -3px;
    }

    .medalDetailPopup .medalCheck {
        text-align: right;
        margin: 5px 0 0;
    }

    .btnSpacer1 {
        height: 21px;
        vertical-align: middle;
        background: transparent url(http://static01.babytreeimg.com/img/mytreeadmin/mta-buttons-2010.png?ver=20101022) no-repeat;
        line-height: 9999px;
        overflow: hidden;
        border: 0 none;
        cursor: pointer;
        font-size: 0;
        display: -moz-inline-box;
        display: inline-block;
    }

    .btnMedalCheck {
        width: 107px;
        background-position: 0 -147px;
    }

    /* 发现 */

    .find-box{ 
        width: 190px;
    }

    .find-box .find-info{
        width: 190px;
        background-color: #000;
        line-height: 23px;
        padding-top: 3px;
    }

    .ptitle {
        text-align: center;
        font-size: 14px;
    }
    .find-box a img {
        width: 190px;
        height: 190px;
        display: block;
    }
    .find-box .find-info p {
        padding: 0 10px 3px;
    }
    .find-box .find-info .ptitle a {
        color: #fff;
    }
    .find-box .find-info .face-img img {
        border: 1px solid #fff;
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }
    .find-box .find-info .face-img a {
        color: #f93;
    }
    .find-box .more {
        float: right;
        line-height: 28px;
    }
    .vbtn-3, .vbtn-3:hover {
        background: transparent url(http://static01.babytreeimg.com/img/newsfeed/v-btn-1.gif) no-repeat 0 -42px;
        width: 64px;
        height: 24px;
        text-align: center;
        color: #FFF !important;
        line-height: 27px;
        text-decoration: none;
        display: inline-block;
        margin: 2px 0 0;
    }

    /* 侧栏提问模块 */

    #know-pop {
        width: 420px;
        height: 225px;
        border: 5px solid #A6D7EB;
        position: fixed;
        _position: absolute;
        background: #F9F9F9;
        overflow: hidden;
        z-index: 100;
    }
    #know-pop.hide {
        display: none;
    }
    #know-pop .title {
        border: 1px solid #47BCDE;
        background: #6BCCE7;
        padding: 1px;
        position: relative;
        *zoom: 1;
    }
    #know-pop .title h2 {
        height: 30px;
        line-height: 30px;
        color: #ECECEC;
        background: #3CB2D4;
        font-size: 14px;
        padding: 0 0 0 10px;
    }
    #know-pop .title h2 span {
        font-weight: normal;
        font-size: 12px;
    }
    #know-pop .title .close {
        display: block;
        width: 15px;
        height: 15px;
        background: url(http://static01.babytreeimg.com/img/ask/know2012-bg.png?v=2) -420px -110px;
        position: absolute;
        right: 9px;
        top: 9px;
    }
    #know-pop textarea {
        height: 110px;
        width: 360px;
        padding: 5px;
        background: #fff;
        border: 1px solid #B1DAEA;
        overflow: auto;
    }
    #know-pop .btn {
        width: 63px;
        height: 21px;
        line-height: 21px;
        text-align: center;
        background: url(http://static01.babytreeimg.com/img/ask/know2012-bg.png?v=2) -400px -200px;
        color: #fff;
        display: inline-block;
    }
    .know-pop-cont {
        padding: 20px 25px;
    }
    .know-pop-cont p {
        padding: 10px 0 0;
        text-align: right;
        color: #999;
    }
    .know-pop-cont p label {
        margin: 0 10px 0 0;
        vertical-align: middle;
    }
    .know-pop-cont p input {
        margin: 0 3px 0 0;
        _margin: -3px 0 0 0;
    }



/* 标签 */

.tag-header {
    margin: 0 0 30px;
    height: 24px;
}

.tag-header h2 {
    line-height: 24px;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 10px;
    display: inline;
}

.tag-header .tag-sum {
    font-size: 14px;
    margin: 0 0 0 .5em;
}

.mytree-sub-page #mytree-module-mytag {
    border-top: 0 none;
}

/* 回到顶部/意见反馈 */

.mytree-bottom-slide-nav {
    position: fixed;
    _position: absolute;
    bottom: 50px;
    left: 50%;
    margin: 0 0 0 480px;
}

.mytree-bottom-slide-nav a {
    display: block;
    width: 16px;
    height: 14px;
    overflow: hidden;
    text-align: center;
    color: #FFF;
    padding: 10px;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .3);
    background-color: transparent\9;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#40000000', EndColorStr='#40000000')\0/;
    color: #FFF !important;
    margin: 0 0 2px;
    border-radius: 0 5px 5px 0;
    white-space: nowrap;
    cursor: pointer;
}

.mytree-bottom-slide-nav a:hover {
    width: 4em;
    text-decoration: none;
}

.mytree-bottom-slide-nav .ico {
    width: 16px;
    height: 13px;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.mytree-bottom-slide-nav a:hover .ico {
    margin: 0 5px 0 0;
    display: none;
}

.mytree-bottom-slide-nav .ad {
    width: 110px;
    padding: 5px;
    margin: 0 0 2px;
    border-radius: 0 5px 5px 0;
    background-color: rgba(0, 0, 0, .3);
    background-color: transparent\9;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#40000000', EndColorStr='#40000000')\0/;
    color: #000;
    text-align: center;
}

.mytree-bottom-slide-nav .ad a {
    width: auto;
    height: auto;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    filter: none;
}

.mytree-bottom-slide-nav .ad a img {
    display: block;
}

.mytree-bottom-slide-nav .ad .gap {
    height: 0;
    overflow: hidden;
    border-top: 1px solid #FFF;
    margin: 6px 0 10px;
}

.mytree-bottom-slide-nav .event .ico {
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree_v2/common/ico-prize.png) no-repeat;
    width: 22px;
    height: 20px;
    margin: -2px 10px 0 -3px;
}

/* 全屏半透黑mask */

#mytree-full-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    _position: absolute;
    z-index: 98;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50)\0/;
    display: none;
}

/* popup/tooltip */

.bui-modal,
.bui-popup,
.bui-tooltip {
    display: none;
    z-index: 99;
}

label.private-mode {
    margin: 5px 0;
    display: block;
    line-height: 20px;
}

label.private-mode input {
    margin: 0 4px 0 0;
    width: 13px;
    vertical-align: -2px;
}

.photo-feature-popup {
    width: 242px;
}

.photo-feature-popup h4 {
    font-weight: normal;
    color: #333;
}

.photo-feature-popup .text {
    margin: 5px 0;
}

.photo-feature-popup .thumb img {
    width: 240px;
    display: block;
    border: 1px solid #CCC;
}

.mytree-popup-pm {
    width: 400px;
}

.mytree-popup-pm p strong {
    color: #D00;
    margin: 0 2px;
}

.mytree-popup-pm .bui-input-text {
    vertical-align: middle;
}

.mytree-popup-pm .bui-button {
    margin: 0 0 0 10px;
}

.mytree-popup-pm .pm-contact-list {
    border: 1px dotted #CCC;
    border-width: 1px 0;
    zoom: 1;
    padding: 5px 0;
    margin: 5px 0 10px;
}

.mytree-popup-pm .pm-contact-list:after {
    content: " ";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.mytree-popup-pm .pm-contact-list li {
    float: left;
    display: inline;
    white-space: nowrap;
    width: 130px;
    margin: 3px 0;
    padding: 0 0 0 3px;
}

.mytree-popup-pm .pm-contact-list li input {
    margin: 0 4px 0 0;
    margin: 0\9;
    vertical-align: -2px;
}

.mytree-popup-pm .pm-contact-list li .contact-name {
    display: inline-block;
}

.mytree-popup-guestbook {
    width: 380px;
}

.mytree-popup-guestbook textarea {
    width: 280px;
    float: left;
    display: inline;
    margin: 0 10px 0 0;
}

.mytree-popup-guestbook .is-private {
    margin: 0 0 14px;
    display: block;
    line-height: 20px;
}

.mytree-popup-guestbook .is-private input {
    margin: 0 4px 0 0;
    margin: 0\9;
    vertical-align: -2px;
}

.mytree-popup-reply {
    width: 310px;
}

.mytree-popup-photo-select {
    width: 675px;
    height: 427px;
}

.mytree-popup-link-fav {
    width: 400px;
}

.mytree-popup-musicbox {
    width: 370px;
}

.mytree-popup-musicbox h4 {
    color: #333;
}

.mytree-popup-musicbox .music-tip {
    color: #999;
}

.mytree-popup-musicbox .music-tip strong {
    color: #D00;
    margin: 0 2px;
}

.mytree-popup-musicbox li {
    margin: 2px 0;
}

.mytree-popup-musicbox li a {
    display: inline-block;
    vertical-align: 0;
}

.mytree-popup-musicbox .auto-play {
    border-top: 1px dotted #CCC;
    margin: 5px 0 0;
    padding: 5px 0 0;
}

#music_box_song_list,
#my_cur_music,
#my_cur_music .music-submit {
    border-top: 1px dotted #CCC;
    padding: 10px 0 0;
    margin: 10px 0 0;
}

#music_box_song_list {
    margin-top: 20px;
}

#music_box_song_list ul {
    margin: 10px;
}

#music_box_fanye {
    margin: 10px;
}

#music_box_fanye .prev,
#music_box_fanye .next {
    margin: 0 5px 0 0;
}

#music_box_fanye .current-page {
    margin: 0 10px 0 0;
}

#list_of_mymcul {
    margin: 10px;
    color: #999;
}

#music_box_loading {
    position: absolute;
    left: 10px;
    top: 35px;
}

#my_cur_music .music-submit {
    text-align: right;
}

#my_cur_music .music-submit label {
    margin: 0 10px 0 0;
    font-weight: bold;
    font-size: 14px;
}

.mytree-popup-video {
    width: 650px;
}

.mytree-popup-video .mytree-video-list-s {
    margin: 0;
}

.mytree-popup-video .mytree-video-list-s li {
    margin: 0;
    padding: 20px;
}

.mytree-popup-comment-reply .modal-header {
    border: 0;
}

.mytree-popup-comment-reply .modal-body {
    border: 0;
    padding: 0 20px;
}

.mytree-popup-comment-reply .modal-footer {
    border: 0;
    background-color: transparent;
}

.mytree-popup-feed-pinned {
    padding: 10px;
}

.mytree-popup-feed-pinned .modal-header {
    border: 0;
}

.mytree-popup-feed-pinned .modal-body {
    border: 0;
    padding: 10px 20px 0;
    font-size: 14px;
}

.mytree-popup-feed-pinned .modal-footer {
    border: 0;
    background-color: transparent;
    text-align: center;
}

.mytree-popup-feed-pinned .modal-footer a {
    margin: 0 5px;
}

/* 视频 */

.video-browse-nav {
    width: 620px;
    clear: both;
    zoom: 1;
    margin: 0 0 10px;
    border-bottom: 1px dashed #CCC;
    padding: 6px 20px 6px 10px;
    color: #333;
    position: relative;
    z-index: 1;
    font-size: 12px;
    line-height: 18px;
}

.video-browse-nav:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.video-browse-nav .video-sum {
    float: left;
    display: inline;
    margin: 0;
    line-height: 22px;
    font-size: 14px;
    color: #666;
}

.video-browse-nav dl {
    float: right;
    display: inline;
    width: 100px;
    margin: 3px 0 0 10px;
}

.video-browse-nav dt {
    border: 1px solid #CBCBCB;
    background-color: #FFF;
    text-align: center;
    clear: both;
    zoom: 1;
    height: 20px;
    cursor: pointer;
}

.video-browse-nav dt label {
    float: left;
    display: inline;
    width: 80px;
    cursor: pointer;
    margin: 1px 0;
}

.video-browse-nav dt .icon-dropdown {
    width: 17px;
    height: 18px;
    float: right;
    display: inline;
    background: transparent url(http://static01.babytreeimg.com/img/mybabytree/photo/photo-album-misc-201109.png) no-repeat -195px -115px;
    border-left: 1px solid #CBCBCB;
    margin: 1px 0;
}

.video-browse-nav dd {
    width: 90px;
    padding: 4px;
    border: 1px solid #CBCBCB;
    border-width: 0 1px 1px;
    background-color: #FFF;
    position: absolute;
    display: none;
    text-align: center;
}

.video-browse-nav dd li {
    border-bottom: 1px solid #E0E0E0;
}

.video-browse-nav dd ul a {
    display: block;
    color: #09C;
}

.video-sum {
    line-height: 26px;
}

/* 单张照片lightbox版 */

.mytree-photo-lightbox {
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    position: fixed;
    _position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
}

.mytree-photo-lightbox .lightbox-container {
    width: 960px;
    margin: 10px auto;
    border-radius: 5px;
    background-color: #FFF;
}

/* footer */
#bb-footer {
    margin: 20px auto 10px;
    clear: both;
    zoom: 1;
    color: #898989;
    text-align: center;
}
#bb-footer:after {
    content: "";
    display: table;
    clear: both;
}
#bb-footer .bLogo {
    float: left;
    margin: 0 12px 0 0;
    padding: 0 15px 0 0;
    background: transparent url(http://static01.babytreeimg.com/img/header_footer/footer-gap-bar.png) no-repeat right center;
    display: none;
}
#bb-footer .bLinkList {
    white-space: nowrap;
    line-height: 16px;
    margin: 3px 0 0;
    padding: 2px 0;
}
#bb-footer .bLinkList li {
    border-left: 1px solid #9E9E9E;
    display: inline;
}
#bb-footer .bLinkList li#bb-footer-our-home, #bb-footer .bLinkList li#bb-footer-beian {
    border: 0;
}
#bb-footer .bLinkList li a {
    margin: 0 6px 0 9px;
    font-family: "Simsun";
    color: #666;
}
#bb-footer .bLinkList li#bb-footer-our-home a {
    margin: 0 10px 0 0;
}
#bb-footer .bLinkList li#bb-footer-beian a {
    margin: 0 0 0 20px;
}
#bb-footer .bCopyright {
    white-space: nowrap;
    line-height: 20px;
    font-size: 10px;
    letter-spacing: 1px;
}