*
{
    font-size: 14px;
    font-family: "微软雅黑" , "宋体";
}

body
{
    font-family: helvetica,tahoma,verdana,sans-serif;
    padding: 3px;
    font-size: 14px;
    margin: 0px;
    color: #000;
}

h2
{
    font-size: 18px;
    color: #000;
    font-weight: bold;
    margin: 0;
    margin-bottom: 15px;
}
.demo-info
{
    background: #FFFEE6;
    color: #8F5700;
    padding: 12px;
}
.demo-tip
{
    width: 24px;
    height: 16px;
    float: left;
}
a
{
    cursor: pointer;
    color: #000;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
#tab1 div
{
    overflow: hidden;
}
iframe
{
}
iframe div
{
    overflow: auto;
}




.ftitle
{
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.fitem
{
    margin-bottom: 5px;
}
.fitem label
{
    display: inline-block;
    width: 80px;
}
.fitem input
{
    width: 160px;
}


#fm
{
    margin: 0;
    padding: 0px 0px;
}
.ftitle
{
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.mainTable td:hover
{
    background: #fdf7e7;
}
.mainTable
{
    background: #ddd;
    margin-top: 10px;
}
.labelTd
{
    width: 120px;
    text-align: right;
    padding-right: 10px;
    font-weight: normal;
    line-height: 25px;
    background: #f5f5f5;
    color: #333;
    font-weight: bold;
}
.inputTdNoInputCss
{
    width: auto;
    text-align: left;
    background: #fff;
    line-height: 25px;
}
.inputTd
{
    width: auto;
    text-align: left;
    background: #fff;
    line-height: 25px;
}
.inputTd input
{
    width: 100%;
}
.inputTd select
{
    width: 100%;
}
.inputTd textarea
{
    width: 100%;
}
.inputSeoTd input
{
    width: 100%;
}
.labelFullTd
{
    width: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 25px;
    background: #eee;
    color: #333;
}
.inputFullTd
{
    width: auto;
    text-align: center;
    background: #fff;
}
.inputTd label
{
}
.bottomButtons
{
    width: auto;
    height: 30px;
    padding: 10px;
    text-align: center;
}
.languageBox
{
    float: left;
    width: auto;
    padding-top: 5px;
}
.topBox
{
    width: 100%;
    height: 34px;
    float: left;
    overflow: hidden;
    background: #fdf7e7;
    border-bottom: 2px solid #f58003;
}
.topBox .buttonBar
{
    width: auto;
    float: left;
    padding: 5px;
    border-left: 0px solid #f58003;
}
#firstNavigation input{border:1px solid #ccc;background:#fff;text-align:center;margin-right:5px;outline:none}
#firstNavigation input:disabled{cursor:not-allowed}
#firstNavigation .selected{border:1px solid #f58003;background:#fba242;color:#fff;}
.selectedLanguage
{
    line-height: 23px;
    background: #fe9a2e;
    border: 1px solid #f58003;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    width: 100px;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
    cursor: default;
}
.selectedLanguage:hover
{
    text-decoration: none;
}
.unSelectedLanguage:hover
{
    text-decoration: none;
    background: #f5f5f5;
}
.unSelectedLanguage
{
    line-height: 23px;
    background: #ffffff;
    border: 1px solid #999;
    color: #999;
    text-align: center;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    width: 100px;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
}

.leftBox
{
    width: 200px;
    overflow: hidden;
    background: #f5f5f5;
}
.menuBox
{
    width: 100%;
}
.logo
{
    width: 100%;
    height: 35px;
    overflow: hidden;
    background: #f55303 url(logobg_02.gif) center center no-repeat;
    text-decoration: none;
}
.logo .left
{
    width: 35px;
    float: left;
}
.logo .right
{
    width: 35px;
    float: right;
}
.menuButton
{
    display: block;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
    margin: 0px auto 0px auto;
    text-align: center;
    line-height: 32px; /*border-top:1px solid #ffc994;     border-bottom:1px solid #ffc994; 	background:#ffecd9;*/
}
.menuButton:hover
{
    /*border-top:1px solid #f58003;     border-bottom:1px solid #f58003;*/
    color: #fff;
    background: #f58003;
    text-decoration: none;
}
.website
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(website.png) left center no-repeat;
}
.website:hover
{
    background: url(websiteover.png) left center no-repeat;
}
.link
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(link.png) left center no-repeat;
}
.link:hover
{
    background: url(linkover.png) left center no-repeat;
}
.exit
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(exit.png) left center no-repeat;
}
.exit:hover
{
    background: url(exitover.png) left center no-repeat;
}
.company
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(company.png) left center no-repeat;
}
.company:hover
{
    background: url(companyover.png) left center no-repeat;
}
.other
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(other.png) left center no-repeat;
}
.other:hover
{
    background: url(otherover.png) left center no-repeat;
}
.account
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(account.png) left center no-repeat;
}
.account:hover
{
    background: url(accountover.png) left center no-repeat;
}
.productclass
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(productclass.png) left center no-repeat;
}
.productclass:hover
{
    background: url(productclassover.png) left center no-repeat;
}
.article
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(article.png) left center no-repeat;
}
.article:hover
{
    background: url(articleover.png) left center no-repeat;
}
.product
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(product.png) left center no-repeat;
}
.product:hover
{
    background: url(productover.png) left center no-repeat;
}
.message
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(message.png) left center no-repeat;
}
.message:hover
{
    background: url(messageover.png) left center no-repeat;
}
.articleclass
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(articleclass.png) left center no-repeat;
}
.articleclass:hover
{
    background: url(articleclassover.png) left center no-repeat;
}
.exit
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(exit.png) left center no-repeat;
}
.exit:hover
{
    background: url(exitover.png) left center no-repeat;
}
.video
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(video.png) left center no-repeat;
}
.video:hover
{
    background: url(videoover.png) left center no-repeat;
}
.home
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(home.png) left center no-repeat;
}
.home:hover
{
    background: url(homeover.png) left center no-repeat;
}
.release
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(release.png) left center no-repeat;
}
.release:hover
{
    background: url(releaseover.png) left center no-repeat;
}
.album
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(album.png) left center no-repeat;
}
.album:hover
{
    background: url(albumover.png) left center no-repeat;
}
.albumclass
{
    margin: 0px auto 0px auto;
    width: 120px;
    display: block;
    text-align: left;
    text-indent: 33px;
    background: url(articleclass.png) left center no-repeat;
}
.albumclass:hover
{
    background: url(articleclassover.png) left center no-repeat;
}
.edit
{
    line-height: 30px;
    background: url(edit.png) center center no-repeat;
}
.edit:hover
{
    text-decoration: none;
    background: url(editover.png) center center no-repeat;
}

.delete
{
    line-height: 30px;
    background: url(delete.png) center center no-repeat;
}
.delete:hover
{
    text-decoration: none;
    background: url(deleteover.png) center center no-repeat;
}
.up
{
    line-height: 30px;
    background: url(up.png) center center no-repeat;
}
.up:hover
{
    text-decoration: none;
    background: url(upover.png) center center no-repeat;
}

.down
{
    line-height: 30px;
    background: url(down.png) center center no-repeat;
}
.down:hover
{
    text-decoration: none;
    background: url(downover.png) center center no-repeat;
}

.yes
{
    line-height: 30px;
    background: url(yes.png) center center no-repeat;
}
.yes:hover
{
    text-decoration: none;
    background: url(yesover.png) center center no-repeat;
}

.no
{
    line-height: 30px;
    background: url(no.png) center center no-repeat;
}
.no:hover
{
    text-decoration: none;
    background: url(noover.png) center center no-repeat;
}
.view
{
    line-height: 30px;
    background: url(view.png) center center no-repeat;
}
.view:hover
{
    text-decoration: none;
    background: url(viewover.png) center center no-repeat;
}
.add
{
    line-height: 30px;
    background: url(add.png) center center no-repeat;
}
.add:hover
{
    text-decoration: none;
    background: url(addover.png) center center no-repeat;
}
.left
{
    line-height: 30px;
    background: url(left.png) center center no-repeat;
}
.left:hover
{
    text-decoration: none;
    background: url(leftover.png) center center no-repeat;
}
.right
{
    line-height: 30px;
    background: url(right.png) center center no-repeat;
}
.right:hover
{
    text-decoration: none;
    background: url(rightover.png) center center no-repeat;
}
.copy
{
    line-height: 30px;
    background: url(copy.png) center center no-repeat;
}
.copy:hover
{
    text-decoration: none;
    background: url(copyover.png) center center no-repeat;
}


.totalBox
{
    width: 750px;
    overflow: hidden;
    margin: 0px auto 0px auto;
}
.totalBox .total
{
    width: 150px;
    overflow: hidden;
    margin-top: 10px;
    float: left;
}
.totalBox .total .content
{
    width: 150px;
    height: 190px;
    line-height:190px;
    float: left;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    background: url(totalbg.gif);
    color: #fff;
}
.totalBox .total .content:hover
{
    text-decoration: none;
    background: #333;
}

.totalBox .total .num
{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.totalBox .total .txt
{
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.totalBox .item
{
    width: 590px;
    height: 30px;
    margin-top: 10px;
    margin-left: 10px;
    background-color: #ccc;
    float: left;
    background-image: url(totalBg.gif);
    background-repeat: no-repeat;
}

.totalBox .item .num
{
    width: 80px;
    float: left;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
    text-align: left;
    text-indent: 5px;
}
.totalBox .item .txt
{
    width: auto;
    float: left;
    font-size: 12px;
    line-height: 30px;
    font-weight: normal;
    color: #fff;
    text-indent: 10px;
    text-align: left;
}
.zh, .en{display:none}
.en{color:#f58003}