
body {
    font-family: "Microsoft Yahei";
    font-size: 12px;
    line-height: 1.5;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-decoration: none;
}
ul, dl, dd, h1, h2, h3, h4, h5, h6, form, p {

    font-size: 12px;
    margin: 0;
    padding: 0;
}
ul {
    list-style: outside none none;
}
img {
    border: 0 none;
}
a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #ff3366;
}
#toppage {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px dashed #e5e5e5;
    border-left: 1px dashed #e5e5e5;
    border-right: 1px dashed #e5e5e5;
    height: 26px;
    position: fixed;
    width: 1262px;
    z-index: 1000;
}
#toppage P {
    float: right;
    padding-right: 8px;
}
#toppage P A {
    color: #777777;
    font-size: 12px;
    text-decoration: none;
}
#toppage P A:hover {
    color: #ff0066;
    text-decoration: none;
}
#toppage P STRONG {
    color: #cccccc;
    font-size: 12px;
    font-weight: normal;
    padding: 0 1px;
}
#wrap {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 1262px;
}

#wrap1 {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 1262px;
    padding-top:80px;
}

@media (max-width: 1024px) {
 #wrap {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 1000px;
}

#wrap1 {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 1000px;
    padding-top:80px;
}

}

#wrapbody {
    width: 100%;
}

#wrapbody1 {
    width: 1000px;
    margin:auto;
}

#wraphead {
    font-size: 12px;
    position: relative;
}
#wraphead .topmenu {
    height: 0;
    text-align: center;
}
#wraphead .topmenu B {
    display: block;
    position: absolute;
    right: 10px;
    top: 40px;
}
#wraphead .topmenu B A {
    display: block;
    float: left;
}
#wraphead .topmenu STRONG {
    display: block;
    left: 0;
    position: absolute;
    top: 39px;
}
#wraphead .loginfo {
    display: block;
    position: fixed;
    width: 1262px;
    z-index: 1001;
}
#wraphead .loginfo UL {
    color: #777777;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding-left: 8px;
    text-decoration: none;
}
#wraphead .loginfo UL A {
    color: #333333;
    font-size: 12px;
    text-decoration: none;
}
#wraphead .loginfo UL.shopbag {
    background: url("icon-shopbag.gif") no-repeat scroll left center transparent;
    padding-left: 24px;
}
#wraphead .loginfo UL.shopbag A {
    color: #666666;
    font-size: 12px;
    text-decoration: underline;
}
#wraphead .loginfo UL.shopbagHave {
    background: url("icon-shopbagHave.gif") no-repeat scroll left center transparent;
    padding-left: 24px;
}
#wraphead .loginfo UL.shopbagHave A {
    color: #ff6600;
    font-size: 12px;
    text-decoration: underline;
}
#wraphead .loginfo UL.message {
    background: url("icon-newmessage.gif") no-repeat scroll left center transparent;
    line-height: 24px;
    padding: 0 10px 0 25px;
}
#wraphead .loginfo UL.message A {
    color: #333333;
    font-size: 12px;
    text-decoration: underline;
}
#wraphead .loginfo UL.messageon {
    background: url("icon-newmessage3.gif") no-repeat scroll left center transparent;
    line-height: 24px;
    padding: 0 10px 0 25px;
}
#wraphead .loginfo UL.messageon A {
    color: #ff6600;
    font-size: 12px;
    text-decoration: underline;
}
#wraphead .loginfo UL A:hover {
    color: #ff0066;
    text-decoration: none;
}
#wraphead .loginfo UL.username {
    font-size: 12px;
    line-height: 26px;
}
#wraphead .loginfo UL.username A {
    color: #0000cc;
    text-decoration: underline;
}
#wraphead .bookmail {
    color: #ff0000;
    float: right;
    padding-top: 10px;
    top: 43px;
    z-index: 999;
}
#wrapfoot {
    float: left;
    height: 40px;
    position: relative;
    width: 100%;
}
#wrapfoot P {
    background: none repeat scroll 0 0 #eeeeee;
    float: left;
    width: 100%;
}
#wrapfoot P IMG {
    display: block;
    float: left;
}
#wrapfoot B {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 999;
}



#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:100%; height:800px; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:350px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:350px; right:10px; z-index:10;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}