*{padding:0px;margin:0px;}
body { color: #333; font-size: 12px; background-color: white; text-align: center; margin: 0; padding: 2px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/bg.jpg); background-repeat: no-repeat; background-position: center 0; }
a{ color: #333; }
a:hover{ color: #c60f00; }
img{border:none;}
ul{list-style:none;}
.clear { clear: both; }
.t5 { margin-top: 5px; }
.pad5 { padding: 5px; }
.font14px { font-size: 14px; }
.fontBold { font-weight: bold; }
.w100 { width: 100%; }
.block { display: block; }
.float_left { float: left; }
.float_right { float: right; }
.lineheight32 { line-height: 32px; }
.font11 { font-size: 9px; }


.mainbox { text-align: left; width: 970px; margin-right: auto; margin-left: auto; }
.header { background-repeat: repeat-x; height: 130px; overflow: hidden; }
.head_right { background-image: url(images/head_right.png); background-repeat: no-repeat; background-position: right 0; width: 545px; height: 110px; }
.head_right ul{ float: right; margin-top: 56px; list-style-type: none; }
.head_right ul li{ float: left; padding-right: 6px; padding-left: 7px; }
.head_right ul li:first-child{ float: left; padding-right: 6px; padding-left: 7px; border-right: 1px solid #aaa; border-left-width: 0; }
.head_right ul li a{ color: #e5e5e5; text-decoration: none; padding: 3px; }
.head_right ul li a:hover{ text-decoration: underline; }
.head_right ul li a.red{ font-weight: normal; background-color: #b01a1c; }
.head_right ul li a.blue{ background-color: #1e73b3; }
.head_right ul li a.green{ background-color: #090; }
.navbar { background-image: url(images/nav_bg.png); height: 41px; }
.navbar ul{ margin-left: 15px; }
.navbar ul li{ background-image: url(images/nav_fg.png); background-repeat: no-repeat; background-position: left 0; float: left; display: inline; }
.navbar ul li:first-child{ background-image: none; background-position: left 0; float: left; display: inline; }
.navbar ul li a{ color: #fff; font-size: 14px; font-weight: bold; line-height: 41px; text-decoration: none; height: 41px; float: left; margin-left: 2px;_margin-left: 1px; padding-right: 15px; padding-left: 15px; display: block; }
.navbar ul li a:hover{ background-position: 0 0; text-decoration: underline; margin-left: 2px; _margin-left: 1px; }


.searchbar{ line-height: 32px; background-image: url(images/search_bg.png); background-repeat: no-repeat; height: 37px; overflow: hidden; margin: 0; padding: 0 6px; }
.searchbar form{ margin: 0; padding: 0; }
.searchbar .input_key{ background-color: white; height: 22px; overflow: hidden; margin-right: 5px; padding-right: 2px; padding-left: 2px; border: solid 1px #ccc; }
.searchbar #button{ position: relative; top: 6px; }
.searchbar .hotkeywords{ color: #ccc; }
.searchbar .hotkeywords a{ color: #333; text-decoration: underline; }
.searchbar .hotkeywords a:hover{ color: #c00; }

.banner { background-image: none; margin-top: 5px; }
.content { margin-top: 5px; }
.content .sidebar { width: 220px; float: left; }
.content .sidebar .prod_cate {}
.content .sidebar .prod_cate_title { background-image: url(images/prod_cate_title.png); height: 35px; }
.content .sidebar .prod_cate ul{ padding: 4px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.content .sidebar .prod_cate li{ line-height: 30px; background-image: url(images/li.png); background-repeat: no-repeat; background-position: 10px 12px; height: 30px; overflow: hidden; padding: 0; border-top: 1px solid #dedede; }
.content .sidebar .prod_cate li:first-child{ line-height: 30px; background-image: url(images/li.png); background-repeat: no-repeat; background-position: 10px 12px; height: 30px; overflow: hidden; padding: 0; border-top-style: none; }
.content .sidebar .prod_cate li a{ color: #333; font-size: 12px; line-height: 30px; text-decoration: none; padding-left: 28px; }
.content .sidebar .prod_cate li a:hover{ color: #c60f00; text-decoration: underline; }

.content .sidebar .lnews_cate {}
.content .sidebar .lnews_cate_title { background-image: url(images/news_cate_title.png); width: 220px; height: 35px; }
.content .sidebar .lnews_cate ul{ border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.content .sidebar .lnews_cate li{ line-height: 30px; background-image: url(images/newscate_bg.png); background-repeat: no-repeat; background-position: 0 0; height: 30px; overflow: hidden; padding: 0; }
.content .sidebar .lnews_cate li a{ color: #333; font-size: 12px; line-height: 30px; text-decoration: none; padding-left: 24px; }
.content .sidebar .lnews_cate li a:hover{ color: #c60f00; text-decoration: underline; }

.content .lnews_list{  }
.content .lnews_list .factory{ border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.content .lnews_list .factory .title{ background-image: url(images/hui_title_bg.png); background-repeat: repeat-x; height: 34px; overflow: hidden; margin-top: 0; border-bottom: 1px solid #073082; }
.content .lnews_list .factory .title span{ color: #333; font-size: 14px; font-weight: bold; line-height: 34px; background-image: url(images/title_fg_bg.png); background-repeat: no-repeat; background-position: right 0; text-align: center; width: 90px; height: 34px; display: block; }
.content .lnews_list .factory .con{ margin-left: 3px; padding-bottom: 5px; }
.content .lnews_list .factory .con{  }
.content .lnews_list .factory ul{ margin: 0 6px 0; }
.content .lnews_list .factory ul li{ line-height: 28px; background-image: url(images/li.png); background-repeat: no-repeat; background-position: 0 11px; height: 28px; overflow: hidden; padding-left: 9px; border-bottom: 1px dashed #ccc; }
.content .lnews_list .factory ul li a{ color: #333; font-size: 12px; text-decoration: none; }
.content .lnews_list .factory ul li a:hover{ color: #c60f00; text-decoration: underline; }


.content .lcontact{ border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.content .lcontact .title{ background-image: url(images/hui_title_bg2.png); background-repeat: repeat-x; height: 34px; overflow: hidden; margin-top: 0; }
.content .lcontact .title span{ color: #333; font-size: 14px; font-weight: bold; line-height: 34px; background-image: url(images/title_fg_bg.png); background-repeat: no-repeat; background-position: right 0; text-align: center; width: 80px; height: 34px; display: block; }
.content .lcontact h4{ color: #333; font-size: 14px; font-weight: bold; line-height: 24px; text-align: center; margin: 0; padding: 6px 0; border-bottom: 1px solid #dedede; }
.content .lcontact .con{ margin-left: 3px; padding-bottom: 5px; }
.content .lcontact ul{ margin: 0 6px; padding-top: 8px; padding-bottom: 8px; }
.content .lcontact ul li{ line-height: 22px; overflow: hidden; padding-left: 9px; }
.content .lcontact ul li a{ color: #333; font-size: 12px; text-decoration: none; }
.content .lcontact ul li a:hover{ color: #c60f00; text-decoration: underline; }



.content .sidebar .search { height: 96px; border: solid 1px #ccc; }
.content .sidebar .search .search_title{ background-image: url(images/search_title.png); background-repeat: repeat-x; height: 29px; }
.content .sidebar .search .input_key{ color: #666; line-height: 25px; background-image: url(images/input_bg.png); background-repeat: no-repeat; width: 201px; height: 25px; padding-left: 4px; border-style: none; border-width: 0; }
.content .sidebar .search .search_title span{ color: #333; font-size: 14px; font-weight: bold; line-height: 28px; text-align: center; width: 90px; height: 28px; border-right: 1px solid #ccc; display: block; }
.content .sidebar .news_cate { }
.content .sidebar .news_cate .news_cate_title{background-image: url(images/news_cate_title.png); height: 30px; }
.content .sidebar .news_cate .about_cate_title{background-image: url(images/about_cate_title.png); height: 30px; }
.content .sidebar .news_cate ul{ border-right: 1px solid #ccc; border-bottom: 1px none #ccc; border-left: 1px solid #ccc; }
.content .sidebar .news_cate li{ line-height: 28px; background-image: url(images/news_cate_item_bg.png); background-repeat: no-repeat; height: 28px; padding-left: 26px; border-bottom: 1px solid #ccc; }
.content .sidebar .news_cate li a{ color: #333; text-decoration: none; }
.content .sidebar .news_cate li a:hover{ color: #c60f00; text-decoration: underline; }
.content .right{ width: 745px; float: right; }
.content .sidebar .contact{ line-height: 18px; padding-top: 4px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top-style: none; }
.content .sidebar .contact_title{ background-image: url(images/contact_title.png); height: 30px; }
.content .sidebar .contact_span_title{ text-align: right; width: 60px; }
.content .right .div01{}
.content .right .div01 .newproducts{ overflow: hidden; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.content .right .div01 .newproducts .title{ color: white; background-image: url(images/hui_title_bg2.png); background-repeat: repeat-x; height: 34px; overflow: hidden; margin-top: 0; }
.content .right .div01 .newproducts .title span{ font-size: 14px; font-weight: bold; line-height: 40px; background-image: url(images/hover_title.png); background-repeat: repeat-x; text-align: center; width: 92px; height: 34px; overflow: hidden; margin-left: 10px; display: block; }
.content .right .div01 .newproducts ul{ margin: 6px; }
.content .right .div01 .newproducts .con{ line-height: 20px; padding: 4px 8px 8px; }

.marquee{ width: 1800px; overflow: hidden; }


.content .right .div01 .home_photos{ float: right; }
.content .right .div01 .home_photos .factory{ width: 240px; overflow: hidden; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.content .right .div01 .home_photos .factory .title{ background-image: url(images/hui_title_bg2.png); background-repeat: repeat-x; height: 34px; overflow: hidden; margin-top: 0; }
.content .right .div01 .home_photos .factory .title span{ color: #333; font-size: 14px; font-weight: bold; line-height: 34px; background-image: url(images/title_fg_bg.png); background-repeat: no-repeat; background-position: right 0; text-align: center; width: 80px; height: 34px; margin-left: 0; display: block; }
.content .right .div01 .home_photos .factory .con{ padding-top: 1px; padding-bottom: 1px; }
.content .right .div01 .home_photos .factory .con img{  }
.content .right .div01 .home_photos .certs{ width: 240px; height: 110px; overflow: hidden; margin-top: 6px; border: solid 1px #ccc; }
.content .right .div01 .home_photos .certs ul{ margin: 6px; }
.content .right .div01 .home_photos .certs ul li{ width: 54px; float: left; margin-right: 8px; *margin-right: 4px;margin-left: 10px;*margin-left: 6px; display: block; word-break: break-all; }
.content .right .div01 .home_photos .certs ul li a{ color: #666; line-height: 20px; text-decoration: none; text-align: center; width: 56px; height: 106px; overflow: hidden; padding-right: 2px; padding-left: 2px; display: block; word-break: break-all; }
.content .right .div01 .home_photos .certs ul li a:hover{ text-decoration: underline; }
.content .right .div01 .home_photos .certs ul li a img{ width: 54px; height: 76px; float: left; }
.content .right .div01 .home_photos .certs ul li a:hover img{}


.content .right .home_about{ margin-top: 5px; padding-bottom: 8px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.content .right .home_about .title{ background-image: url(images/hui_title_bg.png); background-repeat: repeat-x; height: 34px; margin-top: 0; }
.content .right .home_about .title span{ color: white; font-size: 14px; font-weight: bold; line-height: 40px; background-image: url(images/hover_title.png); background-repeat: no-repeat; text-align: center; width: 92px; height: 34px; overflow: hidden; margin-left: 8px; display: block; }
.content .right .home_about ul{ margin: 6px; }
.content .right .home_about ul li{ width: 164px; height: 145px; overflow: hidden; float: left; margin-right: 8px;*margin-right: 6px; margin-bottom: 5px; margin-left: 8px; *margin-left: 6px;}
.content .right .home_about ul li a{ color: #333; line-height: 28px; text-decoration: none; text-align: center; width: 160px; display: block; }
.content .right .home_about ul li a:hover{ color: #c60f00; text-decoration: underline; }
.content .right .home_about ul li a img{ width: 158px; height: 114px; float: left; padding: 1px; border: solid 1px #ccc; }
.content .right .home_about ul li a:hover img{ border-color: #c60f00; }


.content .right .home_recom{ height: 180px; overflow: hidden; margin-top: 5px; padding-bottom: 8px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.content .right .home_recom .title{ background-image: url(images/hui_title_bg.png); background-repeat: repeat-x; height: 34px; margin-top: 0; }
.content .right .home_recom .title span{ color: white; font-size: 14px; font-weight: bold; line-height: 40px; background-image: url(images/hover_title.png); background-repeat: no-repeat; text-align: center; width: 92px; height: 34px; overflow: hidden; margin-left: 8px; display: block; }
.content .right .home_recom ul{ margin: 6px; }
.content .right .home_recom ul li{ width: 164px; height: 145px; overflow: hidden; float: left; margin-right: 8px;*margin-right: 6px; margin-bottom: 5px; margin-left: 8px; *margin-left: 6px;}
.content .right .home_recom ul li a{ color: #333; line-height: 28px; text-decoration: none; text-align: center; width: 160px; display: block; }
.content .right .home_recom ul li a:hover{ color: #c60f00; text-decoration: underline; }
.content .right .home_recom ul li a img{ width: 158px; height: 114px; float: left; padding: 1px; border: solid 1px #ccc; }
.content .right .home_recom ul li a:hover img{ border-color: #c60f00; }




.content .right .div03{ margin-top: 6px; }
.content .right .div03 .company_news{ width: 369px; height: 285px; overflow: hidden; float: left; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.content .right .div03 .company_news .title{ background-image: url(images/hui_title_bg.png); background-repeat: repeat-x; height: 34px; margin-top: 0; }
.content .right .div03 .company_news .title span{ color: white; font-size: 14px; font-weight: bold; line-height: 40px; background-image: url(images/title2_bg.png); background-repeat: no-repeat; text-align: center; width: 86px; height: 34px; overflow: hidden; margin-left: 8px; display: block; }
.content .right .div03 .company_news ul{ margin: 0 6px 0; }
.content .right .div03 .company_news ul li{ line-height: 28px; background-image: url(images/li.png); background-repeat: no-repeat; background-position: 0 11px; height: 28px; overflow: hidden; padding-left: 9px; border-bottom: 1px dashed #ccc; }
.content .right .div03 .company_news ul li a{ color: #333; font-size: 12px; text-decoration: none; }
.content .right .div03 .company_news ul li a:hover{ color: #c60f00; text-decoration: underline; }

.content .right .div03 .industry_news{ width: 367px; height: 285px; overflow: hidden; float: right; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.content .right .div03 .industry_news .title{ background-image: url(images/hui_title_bg.png); background-repeat: repeat-x; height: 34px; margin-top: 0; }
.content .right .div03 .industry_news .title span{ color: white; font-size: 14px; font-weight: bold; line-height: 40px; background-image: url(images/title2_bg.png); background-repeat: no-repeat; text-align: center; width: 86px; height: 34px; overflow: hidden; margin-left: 8px; display: block; }
.content .right .div03 .industry_news ul{ margin: 0 6px 0; }
.content .right .div03 .industry_news ul li{ line-height: 28px; background-image: url(images/li.png); background-repeat: no-repeat; background-position: 0 11px; height: 28px; overflow: hidden; padding-left: 9px; border-bottom: 1px dashed #ccc; }
.content .right .div03 .industry_news ul li a{ color: #333; font-size: 12px; text-decoration: none; }
.content .right .div03 .industry_news ul li a:hover{ color: #c60f00; text-decoration: underline; }


.links { overflow: hidden; border: solid 1px #ccc; }
.links .title{ background-image: url(images/hui_title_bg3.png); background-repeat: repeat-x; height: 32px; overflow: hidden; margin-top: 0; border-bottom: 1px solid #ccc; }
.links .title span{ color: #333; font-size: 14px; font-weight: bold; line-height: 34px; background-image: url(images/title_fg_bg.png); background-repeat: no-repeat; background-position: right 0; text-align: center; width: 90px; height: 32px; display: block; }

.links ul{ list-style-type: none; }
.links ul li{ float: left; margin-right: 10px; margin-left: 10px; }
.links ul li a{ color: #333; font-size: 12px; line-height: 32px; text-decoration: underline; }
.links ul li a:hover{ color: #c60f00; }
.footer { text-align: center; vertical-align: bottom; height: 55px; clear: both; margin-top: 6px; padding: 0; border-bottom: 2px solid #039; }
.footer .text{ text-align: center; margin-top: 30px; }
.footer .text ul{ text-align: center; margin: 0; padding: 0; list-style-type: none; }
.footer .text ul li{ text-align: center; padding-right: 6px; padding-left: 6px; border-right: 1px solid #b4b4b4; display: inline; }
.footer .text ul li a{}
.footer .text ul li a:hover{}
.user_footer{ line-height: 24px; margin-top: 10px; }
.user_footer p{ margin: 0; padding: 0; }
.txt{ margin: 0 0 6px; padding: 0; }
.txt li{ line-height: 30px; background-image: url(images/li.png); background-repeat: no-repeat; background-position: 6px 14px; padding-left: 15px; border-bottom: 1px dashed #d7d7d7; }
.txt li .date{ color: #b4b4b4; background-position: left 0; float: right; }
.content .right .r_con{ overflow: hidden; padding-bottom: 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.content .right .r_con h4{ line-height: 30px; background-color: #f1f1f1; padding-right: 6px; padding-left: 6px; border-bottom: 1px solid #e5e5e5; }
.content .right .r_con h4 a{ color: #023a9b; }
.content .right .r_con h4 span a{ color: #666; }
.content .right .r_con h4 span{ font-size: 12px; font-weight: normal; float: right; }
.content .right .r_con .title{ color: #333; font-size: 12px; font-weight: normal; line-height: 30px; background-image: url(images/hui_title_bg.png); background-repeat: repeat-x; height: 34px; margin-top: 0; padding-left: 9px; }
.content .right .r_con .title span{ color: white; font-size: 14px; font-weight: bold; line-height: 30px; background-image: url(images/title2_bg.png); background-repeat: no-repeat; text-align: center; width: 80px; margin-left: 8px; display: block; }
.content .right .r_con .con{ line-height: 20px; padding: 5px; }
.content .right .r_con .con h1{ font-size: 22pt; font-weight: bold; line-height: 36px; }
.content .right .r_con .con h1 span{ font-size: 12px; font-weight: normal; }
.content .right .r_con .con hr{ color: #b4b4b4; height: 1px; margin-bottom: 6px; }

/*
.content .right .r_con .con .prod_list { margin: 10px 0 0 16px; padding: 0; list-style-type: none; }
.content .right .r_con .con .prod_list li{ height: 136px; overflow: hidden; float: left; margin-right: 15px; margin-left: 15px; }
.content .right .r_con .con .prod_list li a{ color: #333; line-height: 32px; text-align: center; width: 140px; float: left; }
.content .right .r_con .con .prod_list li a:hover{ color: #c60f00; text-decoration: underline; }
.content .right .r_con .con .prod_list li a img{ width: 136px; height: 102px; float: left; border: solid 1px #b4b4b4; }
.content .right .r_con .con .prod_list li a:hover img{ border-color: #c60f00; }
*/
.content .right .r_con .con .prod_list{ margin: 6px; }
.content .right .r_con .con .prod_list li{ width: 164px; height: 145px; overflow: hidden; float: left; margin-right: 10px;*margin-right: 6px; margin-bottom: 5px; margin-left: 10px; *margin-left: 6px;}
.content .right .r_con .con .prod_list li a{ color: #333; line-height: 28px; text-decoration: none; text-align: center; width: 160px; display: block; }
.content .right .r_con .con .prod_list li a:hover{ color: #c60f00; text-decoration: underline; }
.content .right .r_con .con .prod_list li a img{ width: 158px; height: 114px; float: left; padding: 1px; border: solid 1px #ccc; }
.content .right .r_con .con .prod_list li a:hover img{ border-color: #c60f00; }



#pages { padding:10px 0 10px;text-align:center}
#pages a { display:inline-block; padding:0px 8px; height:22px;font-size:12px;line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:0px 12px; height:22px; line-height:22px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block;  padding:0px 8px; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center; }
.page .noPage { display:inline-block;  padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.kefu { color: #333; width:99px; height:60px; position:absolute; top:0; }
.kefu .kftop{ background-image: url(images/kefu_top.gif); background-repeat: no-repeat; height:20px; }
.kefu .kfbottom{ background-image: url(images/kefu_bottom.gif); background-repeat: no-repeat; height:14px; }
.kefu .kfbox {border-left:1px solid #DDE6EC;border-right:1px solid  #DDE6EC;overflow:hidden;zoom:1;padding:1px;background:#FFF;color:#D3D3D3;line-height:26px;}
.kefu .kfbox ul { padding-right: 6px; padding-left:3px; }
.kefu .kfbox ul li{ color: #333; }
.kefu .kfbox ul li.tit {color:#800000;}
.kefu .kfbox ul li img {vertical-align:middle;}
#zoom_box { background-color: white; background-position: 0 0; width: 270px; height: 270px; float: left; padding: 1px; border: solid 1px #ddd; }
.p_info {float:left;width:300px;margin-left:20px;}
.p_info dl label {float:LEFT;WIDTH:65PX;}
.p_info dl dd.buy_dd {padding:10px;border:1px solid #D1EBFF;background:#E2F2FF;line-height:35px;}
.p_info dl dd b {font-size:16px;font-weight:bold;color:#FB0000;}
.p_tabs {margin:10px 0;border-bottom:1px solid #c8c8c8;height:28px;}
.p_tabs ul li { font-size: 14px; font-weight: bold; float:left; padding:0 20px; margin-left:10px; line-height:28px; background:#c8c8c8; }
.list ul.pic li {width:134px;margin:5px 8px;_margin:5px 6px;}
.list ul.pic li span {width:132px;height:102px;}
.list ul.pic li span a {width:130px;height:100px;*font-size: 85px;border:1px solid #FFF;}
.list ul.pic li img  {max-height:100px;max-width:130px ;_height:expression(this.height > 100 && this.height>this.width ? "100px" : this.height);_width:expression(this.width > 130 && this.width>this.height ? "130px" : '');}
.list ul.pic {overflow:HIDDEN;MARGIN:0;}
.list dl.img { width:280px; margin:10px 0 10px 12px; overflow:hidden; border-bottom: 1px solid #ddd; }
.list dl.img dd.pic {float:left;width:134px;height:104px;margin-right:5px;}
.list dl.img dd.pic span {width:132px;height:102px;}
.list dl.img dd.pic span a {width:130px;height:100px;*font-size: 85px;border:1px solid #FFF;}
.list dl.img dd.pic img {max-height:100px;max-width:130px ;_height:expression(this.height > 100 && this.height>this.width ? "100px" : this.height);_width:expression(this.width > 130 && this.width>this.height ? "130px" : '');}
.list dl.img dd {line-height:24px;}
.list dl.img dd b {font-size:14px;color:#FB0000;}
.list dl.img dt a{color:#BF0000;}
.guestbook_list {margin:12px;line-height:26px;}
.guestbook_list dl {border:solid 1px #e9e9eb;margin:8px auto;padding:5px;}
.guestbook_list dl dt {border-bottom:1px dashed #e9e9eb;height:26px;line-height:26px;color:#c60f00}
.guestbook_list dl dt span {float:right;line-height:26px;}
.guestbook_list dl dd.g_content {padding:5px;line-height:26px;}
.post_box {border:solid 1px #eee;margin:15px 12px;}
.post_box h5 { line-height:30px; text-align:center; font-size:14px; border-bottom:1px solid #eee; height:30px; background:#e9e9eb; margin-bottom: 10px; padding: 0; }

.down_list{}
.down_list dl{ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e3e3e3; }
.down_list dt{ font-size: 14px; font-weight: bold; line-height: 26px; }
.down_list dd{}
.down_list dd.desc{ color: #666; }
.down_list dd.ext{ color: #666; }




/*图片展示*/

#posbox {margin:0 auto;width:720px;background:url(../images/box_1.png) no-repeat 0 -215px;height:50px;line-height:50px;overflow:hidden;zoom:1;}
#posbox  h2 {position: relative;float:left;margin-left:152px;_ margin-left:75px;background:none;height:50px;line-height:50px;color:#8F0000;font-size:21px;}
#posbox  h2 span {background: url(../images/white1.png) repeat-x;position: absolute;display: block;width: 100%;height:20px;margin-top:15px;_ margin-top:0px}





.picviewbox {border:1px solid #ddd;}
.f_l {float:left;}.f_r{float:right;}
 
#toolBar {width:720px;overflow:hidden;height:15px;line-height:12px;padding:5px 0;background:#000;}
#toolBar .f_l {margin-left:15px;}
#toolBar .f_l li {float:left;font-size:12px;color:#5C5C5C;padding-right:7px}
#toolBar .f_l li.full {height:12px;background:url(../images/icon.png) no-repeat 0 0;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.play {height:12px;background:url(../images/icon.png) no-repeat 0 -14px;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.stop {height:12px;background:url(../images/icon.png) no-repeat -188px 0;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.save {height:12px;background:url(../images/icon.png) no-repeat 0 -28px;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.save a:hover {color:#9A9A9A;text-decoration:none}
#toolBar .f_r li {float:left;font-size:12px;color:#5C5C5C;padding-right:7px;margin-top:2px;}
#toolBar .f_r li.comment {height:18px;background:url(../images/icon.png) no-repeat 0 -42px;color:#9A9A9A;padding-left:22px;cursor:pointer;padding-right:16px;margin-top:2px;}
#toolBar .f_l li.save a:hover,#toolBar .right li.comment a:hover {color:#9A9A9A;text-decoration:none}

 

#playbox { width:720px; height:320px; text-align:center; margin-top:8px; position:relative; background:white url(http://demo.yourphp.cn/Public/images/msg_loading.gif) no-repeat center; padding: 0; }
.pageLeft {position:absolute;left:0;top:0;width:100%;cursor:pointer;z-index:101}
.pageLeft span {float:left;width:102px;height:95px;margin:0 0 0 24px;_display:inline;background-image: url(http://demo.yourphp.cn/Yourphp/Tpl/Default/Public/images/right.png)!important;/* FF IE7 */background-repeat: no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo.yourphp.cn/Yourphp/Tpl/default/Public/images/right.png'); /* IE6 */_background-image: none; /* IE6 */}
.pageLeft span a,.pageRight span a {display:block;position:relative;width:102px;height:95px;}
.pageRight {position:absolute;left:0;top:0;width:100%;cursor:pointer;z-index:101}
.pageRight span {float:right;width:102px;height:95px;margin:0 24px 0 0;_display:inline;background-image: url(http://demo.yourphp.cn/Yourphp/Tpl/Default/Public/images/left.png)!important;/* FF IE7 */background-repeat: no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo.yourphp.cn/Yourphp/Tpl/default/Public/images/left.png'); /* IE6 */_background-image: none; /* IE6 */}
.pageLeft-bg {position:absolute;left:0;top:0;width:100%;z-index:100}
.pageRight-bg {position:absolute;left:0;top:0;width:100%;z-index:100}
.pageLeft-bg,.pageRight-bg {background:#fff;filter:alpha(opacity=0); /*IE*/-moz-opacity:0; /*MOZ , FF*/opacity:0;/*CSS3, FF1.5*/}
#PicBox {}
#PicSrc {max-width:880px;}
 
 
#Main-C {width:720px;border-top:1px solid #ddd;height:154px;background:#efefef;}
#Main-C .smallPic {width:710px;overflow:hidden;font-size:12px;}
#Main-C .smallPic a.f_l {width:20px;height:63px;background:url(../images/icon.png) no-repeat -180px -54px;margin:35px 0 0 9px;_display:inline;}
#Main-C .smallPic a.f_l:hover {background:url(../images/icon.png) no-repeat -157px -124px;}
#Main-C .smallPic a.f_r {width:20px;height:63px;background:url(../images/icon.png) no-repeat -157px -54px;margin:35px 9px 0 0;_display:inline;}
#Main-C .smallPic a.f_r:hover {background:url(../images/icon.png) no-repeat -180px -124px;}
#Main-C .smallPic div.f_l { width:636px; height:100px; margin-top:-80px; overflow:hidden; margin-left:36px; _display:inline; position:relative }
#Main-C .smallPic div.f_l a.mask {position:absolute;width:131px;height:97px;display:block;background:url(../images/icon.png) no-repeat 5px -124px;overflow:hidden;z-index:1;left:0px;}
#Main-C .smallPic div.f_l ul { position:absolute; z-index:2; left:0; }
#Main-C .smallPic div.f_l li {float:left;width:131px;height:97px;text-align:center;}
#Main-C .smallPic div.f_l li span{width:114px;height:97px;margin:0 auto;overflow:hidden;margin-top:8px;border:none;}
#Main-C .smallPic div.f_l li span a {width:112px;height:86px;*font-size: 72px;border:1px solid #AEAEAE;overflow:hidden;cursor:pointer;position:relative;margin:0 auto;}
#Main-C .smallPic div.f_l li span   img { max-height:86px; max-width:112px; margin-top: 9px; margin-left: 2px; _width:expression(document.documentElement.clientWidth > 112  && document.documentElement.clientHeight<=document.documentElement.clientWidth  ? "112px" : "auto"); _height:expression(document.documentElement.clientHeight > 86  && document.documentElement.clientHeight>=document.documentElement.clientWidth  ? "86px" : "auto"); }
#Main-C .smallPic div.f_l li.on  a{border:none;}


#Main-C .smallPic div.f_l li a:hover {text-decoration:none;}
#Main-C .smallPic div.f_l li a em { position:absolute; display:block; width:33px; height:14px; line-height:14px; right:4px; bottom:13px; background:#000; color:#fff; text-align:center; font-size:12px; }
#Main-C .smallPic div.f_l li a:hover em {background:#464646;text-decoration:none;color:#fff;}
#Main-C .scrollLine {width:710px;margin:17px auto 0;height:1px;line-height:1px;background:url(../images/ico_1.gif) repeat-x;overflow:visible;position:relative;clear:both;}
#Main-C .scrollLine .scrollButton {position:absolute;left:0;top:-6px;display:block;width:145px;height:13px;background:url(../images/icon.png) no-repeat 0 -106px;cursor:e-resize}

 
#end {width:564px;height:362px;position:absolute;top:-1964px;background:#1C1C1C;border:1px solid #464646;z-index:998;text-align:center;}
#end .close {float:right;width:15px;height:15px;background:url(../images/icon.png) no-repeat -185px -18px;margin:9px 6px 0 0;overflow:hidden;}
#end .end-inner {width:462px;clear:both;margin:0 auto;padding-top:8px;}
#end .firstImg {width:106px;height:96px;display:block;border:1px solid #2E2E2E}
#end .firstImg img {width:106px;}
#end  h2 {font-size:14px;color:#C4C4C4}
#end  h3 {color:#676767;font-size:12px;line-height:24px;height:26px;border:0;border-bottom:1px solid #676767;}
#end  .this_pic {float:left;margin:0 10px 10px 0;}
#end  .posit_pic ul.pic {clear:both;margin-top:20px;}
#end  .posit_pic ul.pic li {float:lft;width:130px;margin:10px 10px;_margin:10px 6px;}
#end  .posit_pic ul.pic li span {width:130px;height:110px;}
#end  .posit_pic ul.pic li span a {width:130px;height:110px;}
#end  .buttonClik {display:block;width:133px;height:24px;background:url(../images/icon.png) no-repeat 0 -232px;text-align:center;line-height:24px;color:#C4C4C4;margin:0 auto;margin-top:15px;}
.buttonClik:hover {text-decoration:none;color:#FFF;}



.pic_list ul.pic li { height:126px; line-height:22px; width: 130px; float: left; margin-right: 25px; margin-left: 25px; }
.pic_list ul.pic li img{ width: 130px; height: 98px; padding: 1px; border: solid 1px #ccc; }
.pic_list ul.pic li a{ text-align: center; width: 130px; display: block; }
.pic_list ul.pic li a:hover{ text-decoration: underline; }
.pic_list ul.pic li a:hover img{ border-color: #cf3f0b; }