@charset "utf-8";
/* CSS Document */

.marquee_box .jcarousel-clip-horizontal { width:72px; overflow:hidden;text-align:center;}
.marquee_box .jcarousel-next-vertical { position: absolute; top:-30px; left: 22px;width: 25px; height: 14px; cursor: pointer; background: url(../images/product/icon05.gif) no-repeat left top;}
.marquee_box .jcarousel-prev-vertical { position: absolute; bottom:-20px; left:22px;width: 25px; height: 14px; cursor: pointer;background: url(../images/product/icon04.gif) no-repeat left top;}
#mycarousel li{width:72px; height:72px; overflow:hidden;  margin-bottom:4px;}
#mycarousel li img{width:70px; height:70px;background:url(../images/index/smallbg.png) no-repeat left top; }
#mycarousel li a{width:70px; height:70px; display:block; border:1px solid #ccc; }
#mycarousel li.current{width:72px; height:72px;}
#mycarousel li.current a{ border:1px solid #00416e; }
.marquee_box{ width:72px; height:228px; margin:0 auto 0px 4px;float:left; overflow:hidden;}
.marquee_box .jcarousel-clip-vertical{ height:228px; overflow:hidden;}
#portfolio {float: left;left: 0px;position: absolute;width: 226px;height:226px;overflow:hidden;}
#portfolio li {height: 226px;overflow: hidden;width: 226px;}
#portfolio li img {height:224px;overflow: hidden;width: 224px; border:1px solid #e0e0e0; background:url(../images/index/detailbg.png) no-repeat left top;}
#portfolio li p{ height:30px; line-height:30px; text-align:center;}
.dbImg {float: left;height:226px; margin:0 auto;position: relative;width:226px;z-index: 100;}
.dbImg li {display: none;position: absolute;}
.jsNav {left: 0;position: absolute;text-align: center;top: -85px;width: 915px;z-index: 111;}
.jsNav a {display: inline-block;float: left;height: 65px;line-height: 0;margin: 0 4px;padding: 3px 3px 6px;width: 118px;}
.jsNav a img {height: 61px;width: 118px;}