* {
    margin: 0;
    outline: 0 none;
    padding: 0;
}
body {
    color: #333333;
    font: 14px/22px ΢ÈíÑźÚ,"Microsoft Yahei",Tahoma;
}
a:link, a:visited, a:active, a:hover {
    color: #004499;
    text-decoration: none;
}
a:visited {
    color: #800080;
}
a:hover {
    text-decoration: underline;
}
.cf:before, .cf:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.cf:after {
    clear: both;
}
.cf {
}
.none {
    display: none;
}

a, a:link, a:visited {
    color: #333333;
    text-decoration: none;
}
a:hover {
    color: #FF6600;
    text-decoration: underline;
}
section, header, footer, aside, article, nav {
    display: block;
}
header, section .description, section .num, section .tool li, #picbox, #photolist, .photolist .btn_l, .photolist .btn_r, .items, .search, footer, #photolist .btn_l, #photolist .btn_r {
    background-color: #F0F0F0;
}
.grey {
    opacity: 0.6;
}
s {
    color:;
}
.topnav {
    font-size: 12px;
    margin: 5px auto 0;
    width: 980px;
}
.topnav a {
    padding: 0 6px;
}
header {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    width: 980px;
}
header .logo {
    border-right: 1px solid #DADADA;
    float: left;
    width: 110px;
}
header .logo a {
    background: url("/c/msn/images/slide_s.png") no-repeat 0 7px;
    display: block;
    height: 50px;
    text-indent: -999px;
    width: 100px;
}
nav {
    float: left;
    padding-left: 15px;
    width: 650px;
}
header span {
    float: right;
    position: relative;
    right: 0;
}
header span img {
    height: 30px;
    padding-right: 5px;
    vertical-align: middle;
}
.tools, article {
    margin: 0 auto;
    width: 980px;
}
.tools div {
    float: right;
    height: 105px;
}
.tools {
    position: relative;
}
.tools .description {
    float: left;
    height: 75px;
    left: 0;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 680px;
}
.tools .description h1 {
    font-size: 20px;
    font-weight: normal;
}
.tools .description p .more {
    cursor: pointer;
}
.tools .description p .more:hover {
    text-decoration: underline;
}
.tools .description p .more s {
    background: url("/c/msn/images/slide_s.png") no-repeat -120px 0;
    display: inline-block;
    height: 11px;
    width: 10px;
}
.tools .description p .more.up s {
    background-position: -120px -23px;
}
.tools .description p .more.up {
    bottom: 0;
    margin: 5px 20px;
    position: absolute;
    right: 0;
}
.tools .num {
    background: url("/c/msn/images/slide_s.png") no-repeat 1px -231px;
    float: left;
    margin-left: 3px;
    position: relative;
    top: 0;
    width: 105px;
}
.num .curr {
    color: #FF9600;
    font-size: 36px;
    line-height: 36px;
    position: absolute;
    right: 40px;
    top: 21px;
}
.num .all {
    font-size: 18px;
    left: 55px;
    position: absolute;
    top: 65px;
}
.tools .tool {
    width: 162px;
}
.tools .tool li {
    background: url("/c/msn/images/slide_s.png") no-repeat -106px -231px;
    cursor: pointer;
    display: block;
    float: left;
    height: 51px;
    margin-bottom: 3px;
    margin-left: 3px;
    width: 51px;
}
.tools .tool .prev {
    background-position: -106px -231px;
}
.tools .tool .prev.on, .black .tools .tool .prev.on {
    background-position: -272px -231px;
}
.tools .tool .play {
    background-position: -312px 1px;
}
.tools .tool .play.on, .black .tools .tool .play.on {
    background-position: -325px -231px;
}
.tools .tool .play.stop {
    background-position: -159px -231px;
}
.tools .tool .play.stop.on, .black .tools .tool .play.stop.on {
    background-position: -377px 0;
}
.tools .tool .next {
    background-position: -212px -231px;
}
.tools .tool .next.on, .black .tools .tool .next.on {
    background-position: -378px -231px;
}
.tools .tool .share {
    background-position: -106px -284px;
}
.tools .tool .share.on, .black .tools .tool .share.on {
    background-position: -272px -284px;
}
.tools .tool .list {
    background-position: -159px -284px;
}
.tools .tool .list.on, .black .tools .tool .list.on {
    background-position: -325px -284px;
}
.tools .tool .list.s {
    background-position: -176px 1px;
}
.tools .tool .list.s.on, .black .tools .tool .list.s.on {
    background-position: -240px 1px;
}
.tools .tool .download {
    background-position: -212px -284px;
}
.tools .tool .download.on, .black .tools .tool .download.on {
    background-position: -378px -284px;
}
article {
    overflow: hidden;
    position: relative;
}
article .summary {
    color: #fff;
    height: 100px;
    overflow: hidden;
    position: absolute;
    z-index: 50;
}
.summary .icon {
    background-color: #272727;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    height: 75px;
    line-height: 17px;
    padding: 5px 5px 20px;
    position: relative;
    text-align: center;
    width: 15px;
    z-index: 2;
}
.summary .icon:hover {
    opacity: 0.8;
}
.summary .icon s {
    background: url("/c/msn/images/slide_s.png") no-repeat -143px -25px;
    display: block;
    height: 15px;
    margin-top: 5px;
    width: 15px;
}
.summary .icon.off s {
    background: url("/c/msn/images/slide_s.png") no-repeat -143px 0;
}
.summary .description {
    float: left;
    position: relative;
    width: 955px;
    z-index: 2;
}
.summary .description p {
    padding: 15px;
}
.summary .bg {
    background-color: #000000;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
#picbox {
    position: relative;
}
#picbox .p_left, #picbox .p_right {
    background: url("/c/msn/images/spacer.gif") repeat 0 0;
    cursor: url("/c/msn/images/left.cur"), auto;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 40;
}
#picbox .p_right {
    cursor: url("/c/msn/images/right.cur"), auto;
    left: auto;
    right: 0;
}
#picbox table {
    height: 600px;
    text-align: center;
    width: 100%;
}
#imgLoading {
    background: none repeat 0 0 #000000;
    border-radius: 10px 10px 10px 10px;
    color: #fff;
    display: none;
    height: 100px;
    left: 405px;
    opacity: 0.7;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 150px;
}
#photolist {
    background-color: #fff;
    position: relative;
    width: 10000px;
}
#photolist ul {
    left: 0;
    padding-left: 77px;
    position: relative;
}
#photolist .btn_l, #photolist .btn_r {
    background: url("/c/msn/images/slide_s.png") no-repeat -176px -144px #F0F0F0;
    cursor: pointer;
    height: 75px;
    position: absolute;
    top: 0;
    width: 76px;
}
#photolist .btn_r {
    background-position: -175px -56px;
    left: 904px;
}
#photolist .btn_l.on, .black #photolist .btn_l.on {
    background-position: -272px -144px;
}
#photolist .btn_r.on, .black #photolist .btn_r.on {
    background-position: -272px -56px;
}
#photolist .btn_r.end, #photolist .btn_l.end {
    cursor: default;
}
#photolist li {
    float: left;
    margin-left: 3px;
    position: relative;
}
#photolist li img {
    display: block;
    height: 75px;
    width: 100px;
}
#photolist li.on s {
    border: 5px solid #FF9600;
    cursor: pointer;
    height: 65px;
    position: absolute;
    top: 0;
    width: 90px;
}
#photolist li:hover {
    opacity: 0.8;
}
.items {
    margin: 0 auto;
    overflow: hidden;
    padding: 20px;
    width: 940px;
}
.items .title {
    margin-bottom: 20px;
}
.items .title h3 {
    float: left;
    font-size: 24px;
    font-weight: normal;
    height: 24px;
    line-height: 24px;
    width: 300px;
}
.items .title span {
    display: block;
    float: right;
    height: 24px;
    line-height: 24px;
}
.items ul {
    width: 10000px;
}
.items li, #more .recommend ul li {
    float: left;
    margin-right: 25px;
    text-align: center;
}
.items li span, #more .recommend ul li span {
    background: url("/c/msn/images/slide_v_bg.jpg") no-repeat right bottom;
    display: block;
    padding: 0 7px 7px 0;
}
.items li img, #more .recommend ul li img {
    border: 1px solid #A9A9A9;
    display: block;
    height: 120px;
    width: 160px;
}
#photolist.list {
    background-color: #F0F0F0;
    position: relative;
    width: auto;
}
#photolist.list .mask {
    background-color: #F0F0F0;
    height: 529px;
    overflow: hidden;
    position: relative;
}
#photolist.list ul {
    padding-left: 0;
}
#photolist.list li {
    margin-left: 35px;
    margin-top: 35px;
}
#photolist.list li img {
    border: 1px solid #A9A9A9;
    height: 90px;
    width: 120px;
}
#photolist.list li.on s {
    border: 5px solid #FF9600;
    height: 82px;
    width: 112px;
}
#photolist.list .btn_l, #photolist.list .btn_r {
    display: none;
}
#photolist.list .listnav {
    background-color: #F0F0F0;
    padding-bottom: 20px;
}
#photolist .listnav {
    padding-bottom: 0;
}
#photolist.list .listnav ul {
    display: table;
    margin: 0 auto;
}
#photolist.list .listnav ul li {
    background: url("/c/msn/images/slide_s.png") no-repeat -5px -58px #F0F0F0;
    cursor: pointer;
    height: 15px;
    margin-left: 5px;
    width: 15px;
}
#photolist.list .listnav ul li.on {
    background-position: -25px -58px;
}
#photolist.list .listnav ul li.next, .black #photolist.list .listnav ul li.next {
    background-color: #272727;
    background-position: -136px 2px;
    margin-left: 10px;
    width: 30px;
}
#photolist.list .listnav ul li.prev, .black #photolist.list .listnav ul li.prev {
    background-color: #272727;
    background-position: -136px -24px;
    width: 30px;
}
#more {
    background-color: #F0F0F0;
    color: #666666;
    display: none;
    padding: 50px;
}
#more h5 {
    font-size: 60px;
    font-weight: normal;
    line-height: 80px;
}
#more p {
    font-size: 30px;
    line-height: 80px;
}
#more p .timecount {
    color: #FF9600;
}
#more .tj a, #more .tj a:link, #more .tj a:visited {
    color: #fff;
}
#more .tj, #more .recommend h3 {
    font-size: 36px;
    font-weight: normal;
    line-height: 60px;
    padding-top: 20px;
}
#more .tj div {
    margin-bottom: 20px;
}
#more .tj span {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 26px;
    height: 60px;
    overflow: hidden;
    padding-left: 90px;
    position: relative;
    width: 300px;
}
#more .tj span:hover {opacity: 0.8;}
#more .tj span s {background: url("/c/msn/images/slide_s.png") no-repeat -60px -42px #000;height: 60px;left: 30px;position: absolute;top: 0;width: 40px;}
#more .tj .replay span s {background-position: -60px -42px;}
#more .tj .nextplay span s {background-position: -390px -100px;}
#more .tj .close span s {background-position: -125px -42px;}
#more .recommend ul {margin: 0 auto;padding-top: 20px;width: 780px;}
.search, footer {margin: 0 auto;padding: 10px 0;width: 980px;}
.searchbox {background: #2E6BA5;border: 2px solid #C7D9E9;height: 33px;margin: 0 auto;padding: 1px;width: 600px;}
.searchbox .text {background: #fff;border:none;float: left;font-size: 16px;height: 21px;padding: 6px 5px;width: 435px;}
.searchbox span {background: url("/c/msn/images/s3.png") no-repeat -300px -100px;display: block;float: left;height: 33px;width: 62px;}
.searchbox .button {background: url("/c/msn/images/s3.png") no-repeat -400px -100px;border:none;cursor: pointer; float: left;height: 33px;text-indent: -9999px;width: 93px;}
footer {color: #999;font-size: 12px;position: relative;}
.copyright {padding-left: 10px;}
footer a {margin: 0 4px;}
.toHome {background: url("/c/msn/images/slide_s.png") no-repeat 0 -178px ;display: block;height: 50px;left: 88%;overflow: hidden;position: absolute;text-indent: -999px;top: 15%;width: 100px;}
header, .tools, #photolist, .items, .search, footer, article {margin-top: 5px;}
.black {background-color: #000;color: #ccc;}
.black a, .black a:link, .black a:visited {color: #ccc;}
.black header .logo {border-right: 1px solid #515151;}
.black header, .black section .description, .black section .num, .black section .tool li, .black #picbox, .black #photolist, .black .photolist .btn_l, .black .photolist .btn_r, .black .items, .black .search, .black footer, .black #photolist .btn_l, .black #photolist .btn_r, .black #photolist.list .mask, .black #photolist.list .listnav {background-color: #333;}
.black header .logo a {background-position: -463px -60px;}
.black .tools .num {background-position: -450px -231px;}
.black .tools .tool .prev {background-position: -560px -231px;}
.black .tools .tool .play {background-position: -695px 0;}
.black .tools .tool .play.stop {background-position: -614px -232px;}
.black .tools .tool .next {background-position: -666px -231px;}
.black .tools .tool .share {background-position: -560px -284px;}
.black .tools .tool .list {background-position: -613px -284px;}
.black .tools .tool .list.s {background-position: -630px 1px;}
.black .tools .tool .download {background-position: -666px -284px;}
.black #photolist .btn_l {background-position: -455px -144px;}
.black #photolist .btn_r {background-position: -545px -144px;}
.black .toHome {background-position: -500px -2px;}
.black .tools .description p .more s {background-position: -457px 0;height: 12px;}
.black .tools .description p .more.up s {background-position: -457px -25px;}
.black #photolist.list .listnav ul li.on {background-position: -627px -77px;}
.black #photolist.list .listnav ul li {background-position: -606px -77px;}
.items li {overflow: hidden;width: 170px;}
#mainimg {cursor: pointer;}