﻿@charset "utf-8";
/* CSS Document */

/*导航*/
/*主导航*/
#nav{ width:813px; height:78px;font-size:14px; background:url(../images/nav_bg.png) no-repeat; padding-left:20px;}
#nav .mainlevel { position:relative; float:left; height:40px; z-index:2; background:url(../images/nav_line.jpg) 0 50% no-repeat; text-align:center;}
#nav .mainlevel a{ position:relative; height:40px; line-height:40px;  color:#fff; text-align:center; display:block; margin:0 3px;}
#nav .mainlevel.hover a{ color:#fff; text-decoration:none; background:url(../images/nav_cur.jpg) repeat-x;}
#nav .mainlevel.Currpage a{color:#fff; background:url(../images/nav_cur.jpg) repeat-x;}
#nav .mainlevel.hover li,#nav .mainlevel.Currpage li{ color:#fff;}
#nav .mainlevel.hover li a,#nav .mainlevel.Currpage li a{color:#fff;}
/*二级菜单*/
#nav .mainlevel ul{ position:absolute; top:-1000px; left:0;  color:#fff; font-size:12px; border-top:none; line-height:38px; padding:0 8px; text-align:left; width:500px;}
#nav .mainlevel li { float:none; position:relative; background:none;word-break:break-all; word-wrap: break-word; height:38px; line-height:38px;}
#nav .mainlevel li a{ background:none !important;line-height:38px; height:38px; text-align:left; display:inline; margin:0 5px; padding:0; font-weight:normal; color:#000 !important;word-break:break-all; word-wrap: break-word;}
#nav .mainlevel li a:hover{color:#fff !important; background:none;}

/*图片滚动*/
.pro-scroll { position:relative; width:820px; margin:0 auto;}
.pro-scroll .subprobtn_left,.pro-scroll .subprobtn_right { display:block; width:22px; height:31px; background:url(../images/probtn.png) no-repeat; position:absolute; top:90px; cursor:pointer;}
.pro-scroll .subprobtn_left{ background-position:0 0; left:-25px;}
.pro-scroll .subprobtn_right{ background-position:-22px 0; right:-25px;}
.sub_prolist { position:relative; height:220px; overflow:hidden; padding:5px 0;}
.sub_prolist ul { width:9999px;}
.sub_prolist li { float:left; height:220px; width:210px; display:inline; margin:3px 32px;}
.sub_prolist li img{ width:210px; height:220px;}

/*IE滚动条样式*/
.scroll1 {SCROLLBAR-ARROW-COLOR:#d5d4d2;SCROLLBAR-FACE-COLOR:#474747;SCROLLBAR-DARKSHADOW-COLOR:#474747;SCROLLBAR-HIGHLIGHT-COLOR:#474747;SCROLLBAR-3DLIGHT-COLOR:#474747;SCROLLBAR-SHADOW-COLOR:#474747;SCROLLBAR-TRACK-COLOR:#d5d4d2; overflow:auto; padding-right:5px;}
/* Webkit内核滚动条样式 */
.scroll1::-webkit-scrollbar {width: 12px;}
.scroll1::-webkit-scrollbar-track {-webkit-box-shadow:none; -webkit-border-radius: 0px; border-radius:0px; background:#d5d4d2;}/*滑轨*/
.scroll1::-webkit-scrollbar-thumb {-webkit-border-radius:0px;border-radius:0px; background:#474747;}/*滑块*/
.scroll1::-webkit-scrollbar-thumb:window-inactive {background:#d5d4d2; }

/*相册效果*/
#gallery { padding:20px 25px; margin:auto;}
#descriptions {position: relative;height: 50px;background: #EEE;margin-top: 10px;width: 680px;padding: 10px;overflow: hidden;}
#descriptions .ad-image-description {position: absolute;}
#descriptions .ad-image-description .ad-description-title {display: block;}
.ad-gallery { width: 680px;}
.ad-gallery .ad-image-wrapper { width: 100%; height:380px;  margin-bottom:5px;position: relative; overflow: hidden;}
.ad-gallery .ad-image-wrapper .ad-loader {position: absolute;z-index: 10;top: 48%;left: 48%;border: 1px solid #CCC;}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute;right: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: block;z-index: 100; }
.ad-gallery .ad-image-wrapper .ad-prev {position: absolute;left: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: block;z-index: 100;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {/* Or else IE will hide it */background: url(non-existing.jpg)\9}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/ad_prev.png);width: 30px;height: 30px;display: none;position: absolute;top: 47%;left: 0;z-index: 101;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/ad_next.png);width: 30px;height: 30px;right: 0;left: auto;}
.ad-gallery .ad-image-wrapper .ad-image {position: absolute;overflow: hidden;top: 0;left: 0;z-index: 9;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;}
.ad-gallery .ad-controls { height: 20px; }
.ad-gallery .ad-info {float: left;}
.ad-gallery .ad-slideshow-controls {float: right;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: 0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start{cursor: default;font-style: italic;}
.ad-gallery .ad-nav {width:640px;position: relative; left:20px;}
.ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute;top: 0;height: 100%;z-index: 10;}
 /* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {height: 100px;}
.ad-gallery .ad-back {cursor: pointer;left: -20px;width: 15px;display: block;background: url(../images/ad_scroll_back.jpg) 0px 0 no-repeat;}
.ad-gallery .ad-forward {cursor: pointer;display: block;right: -20px;width: 15px;background: url(../images/ad_scroll_forward.jpg) 0px 0 no-repeat;}
.ad-gallery .ad-nav .ad-thumbs {overflow: hidden;width: 100%;}
.ad-gallery .ad-thumbs .ad-thumb-list {float: left;width: 9000px;list-style: none;}
.ad-gallery .ad-thumbs .ad-thumb-list img{ height:70px;}
.ad-gallery .ad-thumbs li {float: left;padding-right: 5px;}
.ad-gallery .ad-thumbs li a {display: block;}
.ad-gallery .ad-thumbs li a img {display: block;}
.ad-gallery .ad-thumbs li a.ad-active img {}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px;}