/**

 * @fileOverview css style for addon.maxthon.com

 * @author  <dongruiyi@maxthon.net, yanlaichang@maxthon.net>

 * @version 2011-10-18

 */









/* reset */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, strong {

    margin: 0;

    padding: 0

}



fieldset, img {

    border: 0

}



h1, h2, h3, h4, h5, h6 {

    font-size: 100%

}



ol, ul {

    list-style: none

}



pre{

    white-space: pre-wrap;

    white-space: -moz-pre-wrap;

    white-space: -pre-wrap;

    white-space: -o-pre-wrap;

    word-wrap: break-word;

}









/* common */



body {

    font-family: Arial;

    font-size: 12px;

    color: #666;

    line-height: 18px;

    /*background: #fcfcfc url('/images/bg.gif') repeat-x 0 0;*/

}



a {

    color: #0282c4;

    text-decoration: underline;

}



a:hover {

    text-decoration: none;

}



.cl {

    overflow: hidden;

    zoom: 1;

}



.clearfix:before,

.clearfix:after{

    content:"";display:table;

}



.clearfix:after{

    clear:both;

}



.clearfix{

    zoom:1;

}



.dn {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    height: 0;

    line-height: 0;

    overflow: hidden;

}



.wrapper {

    margin: 0 auto;

    width: 960px;

    min-height: 600px;

}



.content {

    clear: both;

    margin: 0 11px 0 9px;

    overflow: hidden;

    zoom: 1;

}



.content .main {

    float: left;

    width: 730px;

}



.content .aside {

    float: right;

    width: 190px;

}



.content .main h3, .content .aside h3 {

    font-size: 16px;

    color: #333;

}



.content .aside h3 {

    font-size: 14px;

}



.content h3.new {

    background: url(/images/new.png) no-repeat 0 0;

}



.content h3.line {

    margin: 0 0 20px 0;

    border-bottom: 1px solid #dedede;

}



.reviews h3,

.write-review h3 {

    padding: 0 0 0 10px;

}



.screenshots h3,

.note h3,

.reviews h3,

.write-review h3,

.similar-skins h3 {

    background: none;

}







/* Module */





/* Rate-星星-小 */



.rate li {

    float: left;

    width: 10px;

    height:10px;

    margin-right: 5px;

    overflow: hidden;

    cursor: default;

    background: url('/images/rate.png') no-repeat -15px top;

}



.mod-list .rate li {

    float: left;

    margin:0 5px 0 0;

    width:10px;

}





/* Rate-星星-大 */



.rate-big {

    float: left;

}



.rate-big li {

    display: inline;

    float: left;

    width: 16px;

    height:16px;

    background: url('/images/rate-big.png') no-repeat right top;

    overflow: hidden;

    cursor: default;

}



.scoring li {

    cursor: pointer;

}





/* 对引用星星处的特殊处理 */



.summary .rate li {

    border: none;

    padding:0;

}



.rate li.light-all {

    background: url('/images/rate.png') no-repeat left top;

}



.rate li.light-half {

    background: url('/images/rate.png') no-repeat right top;

}



.rate-big li {

    background: url('/images/rate-big.png') no-repeat -21px top;

}



.rate-big li.light-all {

    background: url('/images/rate-big.png') no-repeat left top;

}



.rate-big li.light-half {

    background: url('/images/rate-big.png') no-repeat right top;

}





/* Pages-分页 */



.pages {

    clear: both;

    padding: 20px 28px 2px 40px;

    border-top: 1px solid #dedede;

}



.pages a {

    margin-right: 10px;

    text-decoration: none;

    color: #666666;

}



.pages a.current {

    display: inline-block;

    width: 20px;

    height:20px;

    line-height: 20px;

    background-color: #2d8fd6;

    color: #fff;

    text-align: center;

}



.page-right {

    text-align: right;

    margin-bottom: 15px;

    padding-top: 5px;

    border-top: none;

}



.page-right a {

    margin-right: 16px;

    font-weight: bold;

}





/* Sharebox - 分享弹出图层 */



.share-wrapper {

    z-index: 100;

    position: relative;

}



.share-box {

    display: none;

    z-index: 100;

    position: absolute;

    left:0;

    top:0;

    width: 143px;

    padding: 10px;

    border: 1px solid #cfcfcf;

    background-color: #fff;

}



.share-box .close-btn {

    position: absolute;

    right:5px;

    top:5px;

    display: block;

    width: 7px;

    height:7px;

    background-position: 0 -242px;

    cursor: pointer;

}



.intro .detail .share-box h4 {

    margin-top: 0;

    color: #333;

    font-size: 12px;

    font-weight: bold;

}





/* Share-分享 */



.share-box {

}



.share-box h4 {

    margin-bottom: 8px;

}



.share-box a {

     display: block;

     height:16px;

     clear: both;

     margin-bottom: 5px;

     color: black;

}



.detail .btns .share-box a {

    font-weight: normal;

}





/* Blue-蓝色背景 */



.mod-blue {

    padding: 15px 0 15px 0;

    background:#e8f5fd url('/images/mod-blue-bg.gif') repeat-x left top;

}





/* Sprites-图片合并 */



.category .search,

.btns a.install,

.write-review .post,

.detail .btns li a.share,

.slider-screenshots .btns span.prev,

.slider-screenshots .btns span.next,

.slider-extensions .btns span.prev,

.slider-extensions .btns span.next,

.slider .btns span.next,

.pick h3,

.skins h3,

.extensions h3,

.list-extension h3,

.back-to-list a,

.share-box .close-btn,

.mod-list li span.btn,

.mod-list .extension-list li.current {

    background-image:url('/images/addon-sprites-main.png');

    background-repeat:no-repeat;

}









/* header */

#top {

    background-color: #0072E3;

    border-bottom: 1px #06c solid;

}

#logo, #top-nav-menu {

    width: 960px;

    margin: 0 auto;

}

#logo img {

    margin: 5px 10px;

}

#top-nav {

    padding: 1px 0;

    text-align: right;

    margin-top: -42px;

    font-size: 14px;

}

#top-nav li{

    display: inline-block;

    *display: inline;

    *z-index: 10;

}

#top-nav a {

    display: inline-block;

    height: 38px;

    line-height: 38px;

    padding: 0 20px;

    text-decoration: none;

    color: white;

}

#top-nav a:hover {

    background:#288FF5;

}

#top-nav .has-submenu ul{

    display: none;

    position: absolute;

    top: 40px;

    left: 0;

    z-index: 50;

    width: auto;

    background-color: #0072E3;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

}

#top-nav .has-submenu ul.hover{

    display: block;

}

#top-nav .has-submenu li {

    display: block;

    white-space: nowrap;

    text-align: left;

}

#top-nav .has-submenu li a {

    width: 120px;

}

#top-nav .login {

   display: inline-block;

   height: 20px;

   width:  20px;

   background: url(/images/login-logo.png) no-repeat scroll -20px -15px transparent;

   vertical-align: middle;

   margin-left: 10px;

}

#top-nav-menu .last {

    background: #288FF5;

    color: white;

}

#top-nav-menu .last a{

    padding-left:5px;

}



/* footer */

#footer {

    background: #F1F1F1;

    zoom: 1;

    padding-bottom: 20px;

    margin-top: 20px;

}

#footer .inner {

    width: 960px;

    margin: 0 auto;

    position: relative;

    z-index: 10;

}

#footer #nav div {

    float: left;

    width: 150px;

    padding: 20px;

}

#footer #nav h3 {

    font-size: 12px;

    margin: 0 ;

    padding-bottom: 10px;

}

#footer #nav a {

    line-height: 1.8;

    color: #888;

    text-decoration: none;

}

#footer #nav a:hover {

    text-decoration: underline;

}



#footer #lang {

    color: #888;

    line-height: 28px;

    position: absolute;

    right: 20px;

    top: 20px;

    width: 120px;

    border: 1px #CCC solid;

    text-align: justify;

    white-space: nowrap;

    z-index: 50;

}

#lang .country {

    display: block;

    padding: 5px 10px;

    line-height: 18px;

    height: 18px;

    color: #666;

    font-weight: bold;

    text-decoration: none;

}

#lang .country img {

    vertical-align: middle;

    padding: 0 2px;

}

#lang .all-languages{

    display: none;

    list-style: none;

    margin: 0;

    padding: 0;

    position: absolute;

    bottom: 28px;

    left: -1px;

    border: 1px solid #CCC;

    background-color: #F4F4F4;

    z-index: 55;

    width: 120px;

}

#lang .all-languages a {

    display: block;

    padding: 5px 10px 5px 30px;

    line-height: 18px;

    height: 18px;

    color: #666;

    text-decoration: none

}

#lang .all-languages a:hover {

    background: #E3E1E2;

}

#copyright {

    line-height: 28px;

    margin: 10px;

    color: #888;

    float: left;

}

/* location */



.location {

    margin: 0 6px 0 9px;

    padding: 13px 0 0;

}



.line {

    margin-right: 11px;

    padding-bottom: 12px;

    border-bottom: 1px solid #dedede;

}



.location h2 {

    float: left;

    width: 400px;

    font-size: 24px;

    text-indent: 10px;

    color: #333;

}



.location .nav {

    margin: 0 14px 0 300px;

    padding: 3px 0 0;

    text-align: right;

}



.location .nav a {

    color: #333;

    text-decoration: none;

}



.location .nav a:hover {

    text-decoration: underline;

}



.location .nav li {

    display: inline;

    padding-left: 15px;

}



.location .nav li.cur {

    font-weight: bold;

}





/* category */



.category {

    margin: 0 11px 29px 9px;

    padding-bottom: 9px;

    padding-top: 10px;

    border-bottom: 2px solid #1469c3;

    overflow: hidden;

    zoom: 1;

}



.category ul {

    display: inline;

    float: left;

    width: 520px;

    margin-left: 10px;

}



.category li {

    float: left;

    margin-right: 10px;

}



.category li a {

    float: left;

    padding-left: 15px;

    color: #2e2f2f;

    font-size:16px;

    text-decoration: none;

    cursor: pointer;

}



.category li a strong{

    float: left;

    padding-right: 15px;

    line-height: 28px;

}



.category li a:hover {

    color: #a13214;

    background: url('/images/category-bg.png') no-repeat left bottom;

}



.category li a:hover strong{

    background: url('/images/category-bg.png') no-repeat right bottom;

}



.category li a.current {

    color: #a13214;

    background: url('/images/category-bg.png') no-repeat left bottom;

}



.category li a.current strong{

    background: url('/images/category-bg.png') no-repeat right bottom;

}



.category .search {

    display: inline;

    float: right;

    width: 211px;

    height:29px;

    margin-right: 10px;

    background-position: 0 0;

}



.category .search input {

    display: inline;

    float: left;

    border: none;

}



.category .search .keyword {

    width: 155px;

    height:19px;

    margin: 2px 0 0 2px;

    padding: 3px 5px 3px 10px;

    color: #999999;

    background-color: #fff;

}



.category .search .btn {

    width: 39px;

    height:29px;

    background: none;

    border: none;

    cursor: pointer;

    line-height: 300px;

    overflow: hidden;

    text-indent: -9999px;

}





/* mod-list */



.mod-list {

    margin-bottom:28px;

    overflow: hidden;

    zoom: 1;

}



.mod-list h3 {

    margin: 0 0 0 25px;

    padding-left: 25px;

    color: #2e2f2f;

    font-size: 16px;

}



.mod-list ul {

    overflow: hidden;

    zoom: 1;

    *padding-bottom: 29px;

}



.mod-list li{

    display: inline;

    float: left;

    width: 122px;

    margin: 0 27px 29px 37px;

}



.mod-list ul.rate {

    margin: 6px 0 5px;

    padding-left:27px;

    padding-bottom: 0;

}



.mod-list li span.logo {

    display: block;

    position: relative;

    width: 122px;

    height: 122px;

    overflow: hidden;

    zoom: 1;

    background: url('/images/item-bg.png') no-repeat;

    /*

    _background:none;

    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/item-bg.png',sizingMethod='crop');

    cursor: pointer;

    */

}



.mod-list li span.current {

    background: url('/images/item-available-bg.png') no-repeat;

    /*_background:none;

    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/item-available-bg.png',sizingMethod='crop');

    */

}



.mod-list li a.thumbnail-img {

    z-index: 1;

    position: absolute;

    top: 11px;

    left: 11px;

    width: 100px;

    height:100px;

    overflow: hidden;

}



.mod-list li a.thumbnail-img img {

    width: 100px;

    height: 100px;

}



.skins .mod-list li a.skin-name {

    display: block;

}



.mod-list li a.skin-name {

    margin-top: 2px;

    text-decoration: none;

    color: #666666;

    font-weight: bold;

}



.mod-list li span.user-num {

    display: block;

}



.mod-list li a.skin-name:hover {

    text-decoration: underline;

    color: #0282c4;

}



.mod-list li span.operation {

    position: absolute;

    z-index: 5;

    bottom: 11px;

    left: 11px;

    width: 90px;

    height: 24px;

    padding-left: 10px;

    background-color: #000;

    line-height: 24px;

    text-align: center;

    color: #fff;

    font-weight: bold;

    filter: alpha(opacity = 50);

    opacity: 0.5;

}



.mod-list li span.btn {

    position: absolute;

    z-index: 10;

    left: 11px;

    top: 87px;

    width: 74px;

    height: 24px;

    line-height: 24px;

    overflow: hidden;

    padding-left: 26px;

}



.mod-list li span.btn a {

    z-index: 20;

    display: block;

    position: absolute;

    left:0;

    bottom:0;

    width: 100px;

    height: 24px;

    color: #fff;

    text-decoration: none;

    font-weight: bold;

}



.mod-list li span.applt {

    background-position: 10px -253px;

}



.mod-list li span.unapplt {

    background-position: 10px -278px;

}



.mod-list h3 {

    background-position: 0 -203px;

}



.pick h3 {

    margin-bottom: 15px;

    background-position: 0 -182px;

}



.pick li {

    margin-bottom: 0;

}



.skins {

    margin-bottom: 0;

    padding-bottom: 2px;

}



.skins a.more-skin {

    display: inline;

    float: left;

    margin-left: 20px;

    font-weight: bold;

}



.skins a.more-skin span {

    font-weight: normal;

}



.list-skin h3 {

    margin-bottom: 20px;

}



.skins .mod-list li {

    text-align: center;

}



.list-extension .more-skin {

    display: block;

    margin-top: 10px;

}



/*

.skins h3 {

    background: none;

}

 */

/* filter */



.filter {

    position: relative;

    margin: 0 0 27px;

    padding: 15px 0;

    overflow: hidden;

    zoom: 1;

}



.filter dt {

    float: left;

    width: 63px;

    padding: 2px 15px 0 10px;

    font-weight: bold;

    font-size: 14px;

    text-align: right;

    color: #333;

}



.filter dd {

    margin-bottom: 16px;

}



.filter dd.nomg {

    float: left;

    margin-bottom: 0;

}



.filter dd a {

    display: inline-block;

    padding: 2px 10px;

    text-decoration: none;

    color: #333;

}



.filter dd a.current {

    background-color: #2d8fd6;

    color: #fff;

    font-weight: bold;

    text-decoration: none;

}



.filter dd a:hover {

    color: #0282c4;

    text-decoration: underline;

}



.filter dd a.current:hover {

    color: #fff;

    text-decoration: none;

}



.filter .my-language {

    position: absolute;

    right: 15px;

    top: 16px;

}



.filter .my-language input {

    margin-right: 3px;

    vertical-align: middle;

}





/* browse  */



.browse {

    margin: 0;

    overflow: hidden;

    padding: 15px 0 0;

}



.browse li.clear {

    clear: both;

}





/* back-to-list */



.back-to-list {

    margin-bottom: 27px;

    height: 18px;

    padding: 15px 0 15px 20px;

}



.back-to-list a{

    padding-left: 24px;

    background-position: 0 -222px;

    text-decoration: none;

}



.back-to-list a:hover {

    text-decoration: underline;

}





/* intro */



.intro {

    margin-bottom:27px;

}



.screenshots .con,

.note .con {

    margin-bottom: 30px;

    padding: 0 10px;

}



.intro .thumbnail {

    float: left;

    width: 48px;

    height: 48px;

    padding: 11px 0 0 11px;

    /*

    background: url('/images/item-bg.png') no-repeat;

    _background:none;

    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/item-bg.png",enabled=true,sizingMethod=noscale);

    */

}



.intro .thumbnail img {

    width: 48px;

    height: 48px;

    overflow: hidden;

}



.intro .detail {

    z-index: 100;

    position: relative;

    display: inline;

    float: left;

    margin-left: 22px;

    width: 320px;

}



.intro .detail h4 {

    margin: 9px 0 5px;

    font-size: 16px;

    color: #333;

    font-weight: normal;

}



.intro .detail span strong {

    margin-left: 5px;

    color: #0282c4;

    font-weight: normal;

}



.intro .detail .introduce {

    margin-top: 15px;

}



.intro .detail .nums {

    position: absolute;

    top:32px;

    right:5px;

}

.intro .detail .rate-big {

    padding: 1px 8px 0 0;

}



.intro .detail .btns {

    float: left;

    width: 100%;

    margin-top: 35px;

}



.addons .intro .detail .btns {

    float: left;

    width: 100%;

    margin-top: 15px;

}



.intro .detail .btns li {

    float: left;

}



.intro .detail .btns li.share-wrapper {

    float: right;

}



.btns a {

    display: block;

    font-weight: bold;

    line-height: 32px;

    font-size: 14px;

    text-decoration: none;

}



.btns li a:hover {

    text-decoration: none;

}



.btns a.install {

    width: 82px;

    height:28px;

    line-height: 28px;

    padding-left: 20px;

    background-position: 0 -34px;

    text-align: center;

    color: #333333;

}



.btns a.blue {

    background-position: -107px -34px;

}



.btns li .like {

    margin: 5px 0 0 13px;

}



.btns li a.share {

    width: 75px;

    height:28px;

    line-height: 28px;

    padding-left: 7px;

    background-position: 0 -114px;

    color: #333333;

}



.intro .log {

    display: inline;

    float: right;

    width: 208px;

    margin-right: 10px;

    padding: 4px 10px 9px 10px;

    border: 1px dashed #cacaca;

    background-color: #fff;

    color: #666;

    line-height: 1.8;

}



.intro .log .name {

    padding-right: 3px;

}



.intro .log a.report {

    margin-top:20px;

    float: right;

}





/* slider */



.slider {

    z-index: 1;

    position: relative;

}



.slider-screenshots {

    width: 710px;

    height:108px;

}



.slider-extensions {

    width: 740px;

    height:150px;

    margin: 0 auto;

}



.slider .list {

    position: absolute;

    overflow: hidden;

}



.slider-screenshots .list {

    left: 42px;

    top: 0;

    width: 626px;

    height: 114px;

}



.slider-extensions .list-wrap {

    position: absolute;

    left: 72px;

    top: 0;

    width: 605px;

    height: 150px;

    overflow: hidden;

}



.slider-extensions .list {

    left: 0;

    top: 0;

    width: 3630px;

}



.slider .list ul {

    position: absolute;

    top: 0;

    left: 0;

    width: 2000px;

}

.slider .list li {

    display: table-cell;

    float: left;

    overflow: hidden;

}



.slider-screenshots .list li {

    width: 175px;

    height:104px;

    line-height: 102px;

    margin-right: 41px;

    padding: 2px;

    border: 1px solid #dedede;

    background-color: #fff;

    text-align: center;

    *display: block;

    *font-size: 94px;

    *font-family:Arial;

}



.slider-extensions .list li {

    width: 605px;

}



.slider-screenshots .list li img {

    vertical-align: middle;

    max-width:175px;

    max-height:102px;

}



.slider-extensions .nums {

    position: absolute;

    top: -31px;

    right: 0px;

}



.slider-extensions .nums a {

    padding: 2px 6px;

    color: #666;

    text-decoration: none;

}



.slider-extensions .nums a.current {

    background-color: #2d8fd6;

    color: #fff;

}



.slider .btns span{

    display: block;

    z-index: 10;

    position: absolute;

    text-indent: -9999px;

    overflow: hidden;

    cursor: pointer;

}



.slider-screenshots .btns span {

    top:43px;

    width: 12px;

    height:26px;

}



.slider-extensions .btns span {

    top:40px;

    width: 18px;

    height:36px;

}



.slider-screenshots .btns span.prev {

    left:0;

    background-position: 0 -151px;

}



.slider-screenshots .btns span.next {

    right:0;

    background-position: -12px -151px;

}



.slider-extensions .btns span.prev {

    left:0;

    background-position: 0 -302px;

}



.slider-extensions .btns span.next {

    right:0;

    background-position: -18px -302px;

}





/* reviews */



.reviews {

    position: relative;

}



.reviews ul {

    margin-top: 20px;

}



.reviews li{

    margin-bottom: 10px;

    padding: 11px 10px 12px;

    border: 1px solid #dedede;

}



.reviews .summary {

    position: relative;

    height:16px;

    overflow: hidden;

}



.reviews div.reply {

    background: url(../images/reply-quot-left.gif) 4px 4px no-repeat;

}



.reviews div.reply .inner {

    background: url(../images/reply-quot-right.gif) 654px 30px no-repeat;

}



.reviews span.version {

    margin: 0 5px;

}



.reviews span.author {

    color: #0282C4;

}



.reviews a.reply {

    position: absolute;

    right:0;

    top:-3px;

}



.reviews p {

    margin-top: 10px;

}



.reviews a.comment {

    position: absolute;

    right:12px;

    top:15px;

    font-weight: bold;

    text-decoration: none;

}



.reviews a.comment:hover {

    text-decoration: underline;

}



.reviews div.reply {

    margin-top: 12px;

    padding: 8px 0 5px 30px;

    border: 1px solid #dedede;

    background-color: #f4f4f4;

}



.reviews div.reply span.author {

    color: #999999;

    margin-right: 5px;

}





/* write-review */



.write-review {

    clear: both;

}



.write-review .give-rate {

    position: relative;

    margin-bottom: 10px;

    padding-left: 10px;

}



.write-review .give-rate rate-big {

    margin-top: 2px;

}



.write-review .give-rate span {

    float: left;

    padding-right: 10px;

    color: #333333;

}



.write-review form {

    position: relative;

    clear: both;

}



.write-review form textarea {

    width: 98%;

    height:122px;

    padding: 3px 7px 3px 5px;

    border: 1px solid #dedede;

    overflow: auto;

    font-size: 13px;

    background-color: #F4F4F4;

    color: #ccc;

}



.write-review .post {

    display: block;

    width: 90px;

    height:38px;

    margin-top: 16px;

    background-position: 0 -71px;

    border: none;

    cursor: pointer;

    background-color: #fff;

    font-size: 0;

    line-height: 0;

    -webkit-text-size-adjust: none;

    text-indent: -9999px;

}



.write-review .remainNum-tip {

    float: right;

}



.write-review .remainNum-tip strong {

    padding: 0 3px;

}



#blank-val-tip {

    position: absolute;

    left: 195px;

    top: 0px;

    color: red;

    margin-left: 20px;

}



/* similar-skins */



.similar-skins ul {

    margin-left: -10px;

}



.similar-skins li {

    display: inline;

    float: left;

    margin-left: 20px;

    margin-bottom: 15px;

    padding: 3px;

    border: 1px solid #dedede;

}



.similar-skins li img {

    width: 67px;

    height:67px;

    overflow: hidden;

    vertical-align: top;

}









/***** unit *****/



.unit-shared-tab {

    width: 935px;

    height: 50px;

    margin-left: 9px;

    padding-left: 5px;

    background: #e8f5fd url(/images/mod-blue-bg.gif) repeat-x 0 0;

}



.unit-shared-tab a {

    display: inline-block;

    margin: 13px 10px 0;

    padding: 0 10px;

    color: #2e2e2e;

    font-size: 14px;

    font-weight: bold;

    line-height: 24px;

    text-decoration: none;

}



.unit-shared-tab .current {

    background: #2d8fd6;

    color: #fff;

}



.content-wrap {

    margin-top: 20px;

    background: url(/images/split-line.png) repeat-y 309px 0;

}



.shared-main {

    _display: inline;

    float: right;

    width: 620px;

    margin: 0 11px 0 0;

}



.shared-sidebar {

    _display: inline;

    float: left;

    width: 280px;

    margin: 0 0 0 9px;

    padding-bottom: 45px;

    font-size: 14px;

}



.shared-sidebar .secondary-title {

    margin-left: 10px;

}



.shared-sidebar ul {

    padding: 3px 0 0 10px;

}



.shared-sidebar li {

    margin-top: 11px;

    padding-left: 28px;

    background: url(/images/shared-icon-sprites.png) no-repeat 0 3px;

}



.shared-sidebar .side-icon {

    background-position: 0 -37px;

}



.shared-sidebar .side-tips {

    margin-top: 20px;

    padding-top: 15px;

    border-top: 1px dashed #cacaca;

}



.shared-sidebar .side-tips p {

    margin: 10px 0 0 10px;

    color: #000;

    font-size: 12px;

}



.unit-btn {

    background: #6cb8ed url(/images/unit-btn-sprites.png) no-repeat 0 0;

}



.unit-btn a {

    display: block;

    height: 32px;

    padding-top: 12px;

    background: url(/images/unit-btn-sprites.png) no-repeat 182px -44px;

    color: #fff;

    font-size: 18px;

    text-decoration: none;

}



.secondary-title {

    margin-top: 5px;

    color: #333;

    font-size: 20px;

    line-height: normal;

}



.fl {

    _display: inline;

    float: left;

}



.hidden-text {

    overflow: hidden;

    text-indent: -9999px;

    font-size: 0;

    line-height: 0;

}



.swfupload {

    vertical-align: top;

}



#divStatus {

    display: none;

}



.progressName {

    display: none;

}



.progressBarStatus {

    display: none;

}



.unit-error {

    color: #c30;

}









/***** upload *****/



.shared-main .help-pick {

    margin-top: 15px;

    font-size: 14px;

}



.upload {

    width: 184px;

    margin-top: 29px;

}



.upload a {

    padding-left: 15px;



}



.upload i {

    display: inline-block;

    position: relative;

    width: 33px;

    height: 37px;

    margin: -12px 16px 0 0;

    background: url(/images/shared-icon-sprites.png) no-repeat 0 -74px;

    vertical-align: top;

}









/***** create&share *****/



.form-pack {

    position: relative;

    width: auto;

    height: 50px;

    overflow: auto;

    margin-top: 22px;

}



.form-pack-hidden {

    overflow: hidden;

    position: relative;

    width: 0;

    height: 0;

    font-size: 0;

}



.form-pack-cancel {

    overflow: hidden;

    width: 53px;

    height: 22px;

    margin-left: 10px;

    border: none;

    background: url(/images/shared-icon-sprites.png) repeat 0 -160px;

    font-size: 0;

    line-height: 66px;

    vertical-align: top;

}



.form-pack #fsUploadProgress {

    display: none;

    position: absolute;

    top: 30px;

    width: 342px;

    height: 5px;

    background: #9cf;

    font-size: 0;

    line-height: 0;

    cursor: pointer;

}



.shared-work {

    display: none;

    position: relative;

    margin-bottom: 20px;

    padding-bottom: 23px;

    border-bottom: 1px dashed #cacaca;

}



.shared-work .preview {

    overflow: hidden;

    position: relative;

    width: 48px;

    height: 48px;

    margin: 22px 17px 0 0;

    padding: 11px;

    /*

    background: url(/images/item-bg.png) no-repeat 0 0;

    _background: none;

    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/item-bg.png",enabled=true,sizingMethod=noscale);

    */

}



.shared-work .preview img {

    display: block;

    width: 48px;

    height: 48px;

}



.shade {

    position: absolute;

    left: -3px;

    top: -3px;

    width: 70px;

    height: 70px;

    background: url(/images/round-cover-white.png) no-repeat;

    _background: none;

    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/round-cover-white.png",enabled=true,sizingMethod=noscale);

}



.shared-work .name {

    margin-top: 37px;

    color: #333;

    font-size: 16px;

}



.shared-work .name em {
    display: inline-block;
    _display: inline;
    _zoom: 1;
    font-style: normal;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space : nowrap;
    overflow: hidden;
    width: 200px;

}



.shared-work .name span {

    display: block;

    margin-top: 4px;

    font-size: 14px;

    color: #666;

}



.shared-work .info {

    margin: 33px 0 0 20px;

    color: #333;

    font-size: 12px;

    line-height: 23px;

}



#spanButtonPlaceHolder {

    display: inline-block;

    width: 276px;

    height: 22px;

    text-align: center;

}



#spanButtonPlaceHolder img {

    width: 22px;

}



.shared-work .replace {

    clear: left;

    width: 120px;

    margin: -40px 0 0 139px;

    padding-bottom: 10px;

}



.shared-work #replace-progress {

    display: none;

    position: absolute;

    top: 147px;

    width: 445px;

    height: 5px;

    background: #9cf;

    font-size: 0;

    line-height: 0;

}



.detailed {

    position: relative;

    margin-bottom: 20px;

    padding-bottom: 25px;

    border-bottom: 1px dashed #cacaca;

}



.detailed-tab {

    position: relative;

    margin: 20px 0 -1px;

    padding-top: 2px;

    font-weight: bold;

    text-align: center;

    z-index: 10;

}



.detailed-tab li {

    float: left;

    width: 135px;

    margin-right: -1px;

    padding-top: 2px;

    border: 1px solid #dedede;

    background: #fff;

    line-height: 31px;

    cursor: pointer;

}



.detailed-tab .current {

    position: relative;

    margin-top: -2px;

    padding-top: 4px;

    background: #f5f5f5;

    border-bottom: 1px solid #f5f5f5;

}



.detailed-tab a {

    color: #666;

    text-decoration: none;

}



.detailed .shared-detailed-tips {

    position: absolute;

    right: 20px;

    top: 13px;

    width: 340px;

    text-align: right;

}



.detailed-content {

    position: relative;

    padding: 5px 0 17px 20px;

    background: #f5f5f5;

    border: 1px solid #dedede;

    z-index: 5;

}



.detailed-content ul {

    width: 570px;

}



.detailed-content ul.hidden {

    display: none;

}



.detailed-content input {

    clear: both;

    color: #999;

}



.detailed-content .tips,

.detailed-content .title {

    _display: inline;

    float: left;

}



.detailed-content .title {

    width: 80px;

    margin-top: 20px;

    color: #333;

    font-weight: bold;

    line-height: 28px;

}



.detailed-content .tips {

    float: right;

    margin-top: 20px;

    line-height: 28px;

}



.detailed-content .item1 {

    width: 366px;

}



.detailed-content .text {

    width: 362px;

    height: 22px;

    color: #666;

    line-height: 22px;

}



.detailed-content .text-input {

    color: #333;

}



.detailed-content .multiple {

    clear: both;

    width: 570px;

}



.detailed-content .multiple input {

    margin: 10px 0 0 0;

    *margin: 6px 0 0 -4px;

}



.detailed-content .multiple label {

    display: inline-block;

    width: 91px;

    margin: 8px 0 0 5px;

    *margin: 8px 0 0 1px;

    color: #333;

    vertical-align: top;

    line-height: 18px;

    *line-height: 19px;

}



.detailed-content .textarea {

    width: 566px;

    height: 250px;

}



.screenshots {

    position: relative;

}



.screenshots .pic-num {

    position: absolute;

    right: 10px;

    top: 2px;

}



.screenshots-notes {

    margin-top: 5px;

    color: #333;

}



.screenshots-list {

    overflow: hidden;

    margin: 16px 0 25px;

    padding-bottom: 19px;

    border-bottom: 1px dashed #cacaca;

}



.screenshots-list ul {

    margin-right: -10px;

}



.screenshots-list li {

    _display: inline;

    float: left;

    width: 80px;

    height: 90px;

    margin-right: 25px;

    background: none;

}



.screenshots-list .pic {

    display: block;

    overflow: hidden;

    width: 78px;

    height: 62px;

    border: 1px solid #aaadb2;

    text-align: center;

}



.screenshots-list .pic .loading {

    margin-top: 21px;

}



.screenshots-list .pic img {

    margin: 1px;

    margin-bottom: 64px;

    font-size: 42px;

    line-height: 60px;

}



.screenshots-list .edit,

.screenshots-list .delete {

    display: none;

    width: 10px;

    height: 10px;

    margin-top: 10px;

    font-size: 0;

}



.screenshots-list .edit {

    overflow: hidden;

    margin-left: 45px;

    background: url(/images/shared-icon-sprites.png) no-repeat 0 -120px;

    cursor: pointer;

}



.screenshots-list .delete {

    margin-left: 10px;

    background: url(/images/shared-icon-sprites.png) no-repeat 0 -140px;

}



.screenshots-list-add {

    width: 80px;

    height: 64px;

}



.screenshots-list-add img {

    height: 22px;

    margin-top: 21px;

}



.publish-btn {

    padding-bottom: 40px;

}



.publish-btn .publish {

    display: inline-block;

    width: 90px;

    text-align: center;

    vertical-align: middle;

}



.publish-btn .publish a {

    background-position: 88px -44px;

}



.publish-btn .cancel {

    margin-left: 30px;

    color: #666;

    font-size: 14px;

    font-weight: bold;

}





/***** my shared skins ******/



.my-shared {

    width: 940px;

}



.my-shared .secondary-title {

    margin: 15px 0 5px 10px;

}



.my-shared-list {

    display: inline;

    float: left;

    position: relative;

    width: 436px;

    height: 133px;

    margin: 15px 10px 10px;

    padding: 12px 0 0 12px;

    border: 1px solid #dedede;

}



.my-shared-list .pic,

.my-shared-list .info,

.my-shared-list .status,

.my-shared-list .operate {

    position: absolute;

}



.my-shared-list .pic {

    display: block;

    width: 100px;

    height: 100px;

    padding: 11px;

    background: url(/images/item-bg.png) no-repeat 0 0;

    _background: none;

    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/item-bg.png",enabled=true,sizingMethod=noscale);

}



.my-shared-list .pic img {

    display: block;

    width: 48px;

    height: 48px;

}



.my-shared-list .info {

    top: 22px;

    left: 151px;

}



.my-shared-list .name {

    font-size: 16px;

    font-weight: bold;

}



.my-shared-list .name a {

    color: #333;

    text-decoration: none;

}



.my-shared-list .grade {

    margin: 10px 0 0 0;

}



.my-shared-list .users {

    margin: 5px 0 0 0;

    color: #666;

}



.my-shared-list .status {

    right: 14px;

    top: 22px;

    text-align: right;

}



.my-shared-list .status span {

    display: block;

}



.my-shared-list .status i {

    font-style: normal;

}



.my-shared-list .finish {

    color: #229a00;

}



.my-shared-list .process {

    color: #333;

}



.my-shared-list .fail {

    color: #f00;

    text-decoration: underline;

}



.my-shared-list .file,

.my-shared-list .size {

    margin-top: 7px;

}



.my-shared-list .operate {

    right: 14px;

    bottom: 25px;

}



.my-shared-list .operate a {

    margin: 0 0 0 5px;

}



.tipsFloat {

    position: absolute;

    width: 168px;

    padding: 5px 0 8px 10px;

    border: 1px solid #999;

    background: #fff;

    color: #333;

    line-height: 18px;

    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

}





/* 统一提示弹窗 */

.result-pop-border {

    position: absolute;

    width: 380px;

    border: 6px solid #767576;

    background: #fff;

    z-index: 4000;

}



.result-pop-content {

    width: 360px;

    margin: 0 auto;

}



.result-pop-title {

    position: relative;

    height: 40px;

    border-bottom: 1px solid #e8e8e8;

    font-size: 14px;

    font-weight: bold;

}



.result-pop-title h6 {

    position: absolute;

    top: 11px;

}



.result-pop-title .result-pop-close {

    position: absolute;

    right: 0;

    top: 15px;

    width: 10px;

    height: 10px;

    background: url('/images/shared-icon-sprites.png') no-repeat 0 -140px;

}



.result-pop-content {

    padding: 0 0 20px;

    color: #333;

    font: normal 14px/18px arial;

}



.result-pop-content p {

    margin-top: 14px;

}



.result-pop-content .pop {

    display: block;

    width: 128px;

    margin: 37px auto 0;

    text-align: center;

}



.result-pop-content .pop a {

    background-position: 126px -44px;

}



.result-pop-shadow {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    background: #000;

    opacity: 0.3;

    filter: Alpha(opacity=30);

    z-index: 3000;

}




/* mac tip */
.tipbox-shadow {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
    display: none;
}

.tipbox {
    position: fixed;
    z-index: 11;
    margin: 0 auto;
    width: 450px;
    left: 50%;
    top: 50%;
    margin-left: -225px;
    margin-top: -118px;
    font-size: 14px;
    display: none;
}

.tip-head {
    background-color: #0072e3;
    color: #fff;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 10px;
}

.tip-head h2 {
    float: left;
    padding-left: 25px;
    background: transparent url(../images/tip-logo.png) no-repeat left center;
}

.tip-close {
    float: right;
    font-size: 12px;
    cursor: pointer;
}

.tip-body {
    padding: 38px 0;
    text-align: center;
    line-height: 1.6;
}

.tip-foot {
    padding-bottom: 40px;
    text-align: center;
}

.tip-foot a {
    display: inline-block;
    text-decoration: none;
    color: #313e46;
    border: 1px solid #c6ced2;
    border-radius: 15px/20px;
    background: -webkit-linear-gradient(top, #fff, #eee);
    padding: 10px 30px;
}

.tip-foot a:hover {
    background: -webkit-linear-gradient(top, #f3f3f3, #e3e3e3)
}

.tip-next {
    margin-left: 25px;
}

.tip-body,
.tip-foot {
    background-color: #f3f4f5;
}

.upload-entry {
    margin-top: 15px;
}