@charset "utf-8";
.mainindex{padding:8px 0; height:497PX}
.mainindex .largefocuspic{width:666px; height:320px; float:left; margin-bottom:8px}
.mainindex .focus-right{width:286px; height:320px; float:left; padding:0 0 8px 8px}
.mainindex .focus-right .smallfocus{width:151px; height:219px; float:left; margin-bottom:3px}
.mainindex .focus-right .focusvideo{width:133px; height:219px; float:left; margin:0 0 3px 2px}
.mainindex .focus-right .focusbanner{width:284px; height:96px; float:left; clear:both}
.mainindex .focus-right .focus03{height:132px; overflow:hidden}
.mainindex .focus-right .focus04{height:81px; overflow:hidden; margin-bottom:8px}

.mainindex .commend {width:403px; height:167px; float:left; position:relative}
.mainindex .commend .title{background:url(../images/mainindex-commend-title-new.gif) top left no-repeat; height:27px; border-bottom:1px solid #d1c4a2}
.mainindex .commend .title .button a img{height:27px; background-position:bottom}
.mainindex .commend .title .button .button1 img{height:27px; width:89px; background:none}
.mainindex .commend .title .button .button1:hover img{background:url(../images/mainindex-commend-title.gif) 0px bottom; overflow:auto}
.mainindex .commend .title .button .button1selected img{background:url(../images/mainindex-commend-title.gif) 0px  bottom; overflow:auto}
.mainindex .commend .title .button .button2 img{height:27px;width:89px}
.mainindex .commend .title .button .button2:hover img{background:url(../images/mainindex-commend-title.gif) -90px bottom}
.mainindex .commend .title .button .button2selected img{background:url(../images/mainindex-commend-title.gif) -90px bottom}
.mainindex .commend .title .button .button3 img{height:27px;width:90px}
.mainindex .commend .title .button .button3:hover img{background:url(../images/mainindex-commend-title.gif)  right bottom}
.mainindex .commend .title .button .button3selected img{background:url(../images/mainindex-commend-title.gif)  right bottom}
.mainindex .commend .list table{margin:auto; text-align:center}
.mainindex .commend .list td{padding:0 4px}
.mainindex .commend .show{background:#fff; width:403px; height:139px; position:absolute; top:28px; left:0}
.mainindex .commend .show td{padding:0 10px}
.mainindex .commend .show .text{padding:0 0 10px}
.mainindex .commend .show .pic{text-align:center}
.mainindex .commend .show .button{margin:0 0 0 auto}
.mainindex .commend .show .button td{padding:0 3px}
.mainindex .commend .show .button .buy{background:url(../images/mainindex-commend-buttonbuy.gif); width:78px; height:22px}
.mainindex .commend .show .button .buy:hover{background:url(../images/mainindex-commend-buttonbuy.gif) bottom}
.mainindex .commend .show .button .info{background:url(../images/mainindex-commend-buttoninfo.gif); width:78px; height:22px}
.mainindex .commend .show .button .info:hover{background:url(../images/mainindex-commend-buttoninfo.gif) bottom}

.mainindex .news {width:251px; height:167px; float:left; margin-left:8px}
.mainindex .news .title{background:url(../images/mainindex-news-title.gif) left no-repeat #f4f0e8; padding:7px 10px 0 0; height:20px; border-bottom:1px solid #d1c4a2}
.mainindex .news .title a{color:#563e0a; float:right}
.mainindex .news .list{padding:10px; height:100px; line-height:18px}
.mainindex .news .list a{color:#7a695e; background:url(../images/mainindex-news-ico.gif) center left no-repeat; padding:10px}
.mainindex .news .special{background:url(../images/mainindex-news-bg.gif); height:18px; border-top:1px solid #e1dcd3; padding:0 10px}
.mainindex .news .special a{color:#887853; background:url(../images/mainindex-news-ico.gif) center left no-repeat; padding:10px}

.mainindex .share {width:284px; height:167px; float:left; margin-left:8px}
.mainindex .share .title{background:url(../images/mainindex-share-title.gif) left no-repeat #f4f0e8; padding:7px 10px 0 0; height:20px; border-bottom:1px solid #d1c4a2}
.mainindex .share .title a{color:#563e0a; float:right}
.mainindex .share .content{line-height:18px}
.mainindex .share .pic{width:110px; text-align:center}
.mainindex .share .pic a img{padding:3px}
.mainindex .share .pic a:hover img{background:#887853}
.mainindex .share .list a{color:#7a695e; background:url(../images/mainindex-news-ico.gif) center left no-repeat; padding:10px}
.mainindex .share .special{background:url(../images/mainindex-news-bg.gif); height:18px; border-top:1px solid #e1dcd3; padding:0 10px}
.mainindex .share .special a{color:#7a695e; background:url(../images/mainindex-news-ico.gif) center left no-repeat; padding:10px}
.mainindex .share .content{padding-right:10px}
.mainindex .share .content a:hover{text-decoration:none}
.mainindex .share .content .texttitle{font-weight:bold; color:#563e0a; width:150px; text-align:left !important}
.mainindex .share .content .texttitle a{color:#563e0a;}
.mainindex .share .content .texttitle a:hover{text-decoration:underline}