@charset "utf-8"; /* CSS Document */ #main_container div.case{background:url("/cn/resource/images/case_list_bg.jpg") no-repeat scroll 775px bottom transparent; } #main_container div.case div.caselist, #main_container div.case div.casedetail {padding-bottom:20px; min-height:506px;_height:482px} #main_container div.case div.caselist{padding-bottom:20px; min-height:426px;_height:514px; padding-top:24px; padding-right:17px;width:757px;border-right:1px solid #B5B5B5;} #main_container div.case div.caselist div.scrollpane{ height:482px;_height:514px} #main_container div.case div.caselist div.title, #main_container div.case div.casedetail div.title, #main_container div.case div.caselist div.img, #main_container div.case div.caselist div.detail, #main_container div.case div.caselist div.subsubcategoriespagination{ margin-left:24px; } #main_container div.case div.caselist div.title, #main_container div.case div.casedetail div.title{/*margin-top:23px;*/ font-size:20px; color:#646464; margin-bottom:18px;} #main_container div.case div.caselist div.title span{ font-size:18px} #main_container div.case div.caselist div.img{ /*text-align:center; */margin-bottom:25px; *margin-bottom:15px; height:320px;} #main_container div.case div.caselist div.img img{ border:1px solid #d6d6d6} #main_container div.case div.caselist div.detail{ width:675px; display:none} #main_container div.case div.caselist div.detail ul li{ font-size:12px;color:#646464; float:left; margin-right:32px; background:url(/cn/resource/images/arrow_submenu_right_1.gif) no-repeat 1px 3px; *background-position:1px 2px; padding-left:10px;} #main_container div.case div.caselist div.detail div.intro{ clear:both;font-size:12px;color:#646464; padding-top:6px;} #main_container div.case div.caselist ul.caselist{list-style:none; margin:0; padding:0; margin-left:24px; margin-top:10px;} #main_container div.case div.caselist ul.caselist li{ float:left; width:208px; margin-right:20px; margin-bottom:5px;} #main_container div.case div.caselist ul.caselist li { font-size:12px; text-decoration:none} #main_container div.case div.caselist ul.caselist li div.title, #main_container div.case div.caselist ul.caselist li div.intro{ /*width:320px;*/} #main_container div.case div.caselist ul.caselist li div.title{ font-size:14px; color:#646464; font-weight:normal; margin:0; margin-bottom:10px; height:18px;} #main_container div.case div.caselist ul.caselist li div.intro{ color:#868686; display:none /*height:48px; overflow:hidden*/} #main_container div.case div.caselist ul.caselist li div.intro ul li{ float:none; margin:0; margin-bottom:4px; padding:0; padding-left:10px; background:url(/cn/resource/images/case_caselist_intro_dot.jpg) no-repeat 3px 6px ; *background-position:3px 4px} /*#main_container div.case div.caselist ul.caselist li a { font-size:12px; text-decoration:none} #main_container div.case div.caselist ul.caselist li a div.title, #main_container div.case div.caselist ul.caselist li a div.intro{ width:340px; cursor:pointer} #main_container div.case div.caselist ul.caselist li a div.title{ font-size:14px; color:#646464; font-weight:bold; margin:0; margin-bottom:10px;} #main_container div.case div.caselist ul.caselist li a div.intro{ color:#868686; height:48px; overflow:hidden}*/ /*右边CASE分类列表样式*/ #main_container div.case div.category{ width:223px; padding-top:35px; height:450px; } #main_container div.case div.category .content_a1{ display:none} #main_container div.case div.category a{ text-decoration:none; clear:both; background-color:#ffffff} #main_container div.case div.category a div.title{font-size:12px; font-weight:bold; color:#646464; cursor:pointer; border-bottom:1px solid #cdcdcd; line-height:23px; padding-left:12px; background:url("/cn/resource/images/case_category_title_arrow_1.jpg") no-repeat scroll 220px 4px #ffffff;} #main_container div.case div.category a.first div.title{border-top:1px solid #CDCDCD;} #main_container div.case div.category a.selected{ background-color:#cccbc7;} #main_container div.case div.category a.selected div.title{ background:url(/cn/resource/images/case_category_title_arrow_2.jpg) no-repeat 220px 4px;background-color:#cccbc7;} #main_container div.case div.category a div.intro{color:#b5b5b5; font-size:12px; padding:9px; margin-top:0px;cursor:pointer; display:none} /* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ #main_container div.case div.category a div.intro{margin-top:-1px;} } #main_container div.case div.category a div.intro img{ margin-left:7px; margin-bottom:2px;} #main_container div.case div.category a:hover{color:transparent;} /*#main_container div.case div.category ul li.current a div.intro, #main_container div.case div.category ul li a:hover div.intro{ background-color:#efefef; color:#646464}*/ #main_container div.case div.category div.casecontent { padding-bottom:10px; margin-left:1px; padding-top:2px; background-color:#ffffff} #main_container div.case div.category div.casecontent div.scrollpane{ height:320px;} #main_container div.case div.category div.casecontent ul{list-style:none; margin:0; padding:0;} #main_container div.case div.category div.casecontent ul li {cursor:pointer;margin-top:1px; margin-bottom:1px;} #main_container div.case div.category div.casecontent ul li img{ display:none} #main_container div.case div.category div.casecontent ul li a{ text-decoration:none; font-size:12px; display:block; width:243px;/* padding-top:12px; */cursor:default} #main_container div.case div.category div.casecontent ul li a div.bg{ /*margin-bottom:12px;*/ padding-top:8px;padding-bottom:8px;padding-left:34px; padding-right:9px;} #main_container div.case div.category div.casecontent ul li a div.bg span.title{ color:#646464; /*font-weight:bold;*/ padding-right:10px; } #main_container div.case div.category div.casecontent ul li a div.bg span.title img{ border:0px none; margin-left:5px;margin-bottom:-1px;} #main_container div.case div.category div.casecontent ul li a div.bg div.address{ color:#b5b5b5;margin-top:2px; display:none} #main_container div.case div.category div.casecontent ul li.picture img{ display:inline} #main_container div.case div.category div.casecontent ul li.picture a, #main_container div.case div.category div.casecontent ul li.picture a div.bg div.address, #main_container div.case div.category div.casecontent ul li.picture a div.bg span.title, #main_container div.case div.category div.casecontent ul li.picture a div.bg span.title{ cursor:pointer} #main_container div.case div.category div.casecontent ul li.picture a div.bg{ background:url(../images/network_stores_icon_picture.gif) no-repeat 8px 5px; padding-left:34px;} #main_container div.case div.category div.casecontent ul li a:hover{background: none;color:transparent;} #main_container div.case div.category div.casecontent ul li.picture a:hover div.bg{ background:url(../images/network_stores_icon_picture.gif) no-repeat 8px 5px #efefef ;} #main_container div.case div.category div.casecontent ul li.selected a div.bg, #main_container div.case div.category div.casecontent ul li a:hover div.bg{ background-color:#efefef} #main_container div.case div.category div.casecontent ul li.current a div.bg span.title, #main_container div.case div.category div.casecontent ul li a:hover div.bg span.title{ } /*滚动条*/ #main_container div.case div.category div.casecontent .jScrollPaneContainer { position: relative; overflow: hidden;z-index: 1; outline:none} #main_container div.case div.category div.casecontent .jScrollPaneTrack { position: absolute; cursor: pointer;right: 1px;top: 0px;height: 100%;background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff; /*border-left:1px solid #b5b5b5;*/ margin-bottom:1px; } #main_container div.case div.category div.casecontent .jScrollPaneDrag {position: absolute;/*background-color: #646464;*/cursor: pointer; overflow: hidden; margin-left:1px;background:url(/cn/resource/images/scrollpane_drag_middle.gif) repeat-y -1px 0px} #main_container div.case div.category div.casecontent .jScrollPaneDragTop {position: absolute;top: 0;left: 0; overflow: hidden; height:9px; background:url(/cn/resource/images/scrollpane_drag_up.gif) no-repeat 0px top #ffffff; _background-position:0px top;/*border-bottom:1px solid #ffffff;*/} #main_container div.case div.category div.casecontent .jScrollPaneDragBottom {position: absolute; bottom: 0;left: 0;overflow: hidden;height:9px; background:url(/cn/resource/images/scrollpane_drag_bottom.gif) no-repeat 0px top #ffffff; _background-position:0px top; /*border-top:1px solid #ffffff*/} #main_container div.case div.category div.casecontent a.jScrollArrowUp {display: block;position: absolute;z-index: 1; top: 0; right: 1px;text-indent: -2000px;overflow: hidden; /*background-color: #666;*/ height: 8px;} #main_container div.case div.category div.casecontent a.jScrollArrowUp:hover {/*background-color: #f60;*/} #main_container div.case div.category div.casecontent a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0;right: 1px;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/ height: 8px;} #main_container div.case div.category div.casecontent a.jScrollArrowDown:hover {/*background-color: #f60;*/} #main_container div.case div.category div.casecontent a.jScrollActiveArrowButton, #main_container div.case div.category div.casecontent a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/} #main_container div.case div.category div.casecontent a.jScrollArrowUp, #main_container div.case div.category div.casecontent a.jScrollArrowUp:hover {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;} #main_container div.case div.category div.casecontent a.jScrollArrowDown {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;} #main_container div.case div.category div.casecontent a.jScrollArrowDown:hover { } #main_container div.case div.category div.casecontent a.jScrollActiveArrowButton, #main_container div.case div.category div.casecontent a.jScrollActiveArrowButton:hover {background-position: 0 0px;} #main_container div.case div.category div.casecontent .scroll-pane {width: 313px;height: 330px;overflow: auto;float: left;} /* 翻滚样式 */ #main_container div.case div.cases .jcarousel-container, #main_container div.case div.category .jcarousel-container { } #main_container div.case div.cases .jcarousel-container-vertical, #main_container div.case div.category .jcarousel-container-vertical { width: 243px;height: 458px;_height: 434px; padding-top:34px; padding-bottom:34px;} #main_container div.case div.cases .jcarousel-clip-vertical, #main_container div.case div.category .jcarousel-clip-vertical {width: 243px;height: 458px;_height: 434px;} #main_container div.case div.cases .jcarousel-item, #main_container div.case div.category .jcarousel-item {width:243px; height:67px;} #main_container div.case div.cases .jcarousel-item-vertical, #main_container div.case div.category .jcarousel-item-vertical {cursor:pointer} #main_container div.case div.cases .jcarousel-item-placeholder, #main_container div.case div.category .jcarousel-item-placeholder {background: #fff;color: #000;} /** * Vertical Buttons */ #main_container div.case div.cases .jcarousel-next-vertical, #main_container div.case div.category .jcarousel-next-vertical {position: absolute;bottom: 5px;width: 243px;height: 22px;cursor: pointer;background: transparent url(/cn/resource/images/network_stores_next_vertical.jpg) no-repeat;} #main_container div.case div.cases .jcarousel-next-vertical:hover, #main_container div.case div.category .jcarousel-next-vertical:hover {} #main_container div.case div.cases .jcarousel-next-vertical:active, #main_container div.case div.category .jcarousel-next-vertical:active {} #main_container div.case div.cases .jcarousel-next-disabled-vertical, #main_container div.case div.cases .jcarousel-next-disabled-vertical:hover, #main_container div.case div.cases .jcarousel-next-disabled-vertical:active, #main_container div.case div.category .jcarousel-next-disabled-vertical, #main_container div.case div.category .jcarousel-next-disabled-vertical:hover, #main_container div.case div.category .jcarousel-next-disabled-vertical:active {cursor: default;background: transparent url(/cn/resource/images/network_stores_next_vertical_disabled.jpg) no-repeat;} #main_container div.case div.cases .jcarousel-prev-vertical, #main_container div.case div.category .jcarousel-prev-vertical {position: absolute;top: 5px;width: 243px;height: 22px;cursor: pointer;background: transparent url(/cn/resource/images/network_stores_prev_vertical.jpg) no-repeat;} #main_container div.case div.cases .jcarousel-prev-vertical:hover, #main_container div.case div.category .jcarousel-prev-vertical:hover {} #main_container div.case div.cases .jcarousel-prev-vertical:active, #main_container div.case div.category .jcarousel-prev-vertical:active {} #main_container div.case div.cases .jcarousel-prev-disabled-vertical, #main_container div.case div.cases .jcarousel-prev-disabled-vertical:hover, #main_container div.case div.cases .jcarousel-prev-disabled-vertical:active , #main_container div.case div.category .jcarousel-prev-disabled-vertical, #main_container div.case div.category .jcarousel-prev-disabled-vertical:hover, #main_container div.case div.category .jcarousel-prev-disabled-vertical:active {cursor: default;background: transparent url(/cn/resource/images/network_stores_prev_vertical_disabled.jpg) no-repeat;} /*滚动条*/ #main_container div.case div.caselist .jScrollPaneContainer { position: relative; overflow: hidden;z-index: 1; outline:none} #main_container div.case div.caselist .jScrollPaneTrack { position: absolute; cursor: pointer;right: 1px;top: 0px;height: 100%;background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff; /*border-left:1px solid #b5b5b5;*/ margin-bottom:1px; } #main_container div.case div.caselist .jScrollPaneDrag {position: absolute;/*background-color: #646464;*/cursor: pointer; overflow: hidden; margin-left:1px;background:url(/cn/resource/images/scrollpane_drag_middle.gif) repeat-y -1px 0px} #main_container div.case div.caselist .jScrollPaneDragTop {position: absolute;top: 0;left: 0; overflow: hidden; height:5px; background:url(/cn/resource/images/scrollpane_drag_up.jpg) no-repeat 0px top #ffffff; _background-position:0px top;/*border-bottom:1px solid #ffffff;*/} #main_container div.case div.caselist .jScrollPaneDragBottom {position: absolute; bottom: 0;left: 0;overflow: hidden;height:5px; background:url(/cn/resource/images/scrollpane_drag_bottom.gif) no-repeat 0px top #ffffff; _background-position:0px top; /*border-top:1px solid #ffffff*/} #main_container div.case div.caselist a.jScrollArrowUp {display: block;position: absolute;z-index: 1; top: 0; right: 1px;text-indent: -2000px;overflow: hidden; /*background-color: #666;*/ height: 8px;} #main_container div.case div.caselist a.jScrollArrowUp:hover {/*background-color: #f60;*/} #main_container div.case div.caselist a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0;right: 1px;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/ height: 8px;} #main_container div.case div.caselist a.jScrollArrowDown:hover {/*background-color: #f60;*/} #main_container div.case div.caselist a.jScrollActiveArrowButton, #main_container div.case div.caselist a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/} #main_container div.case div.caselist a.jScrollArrowUp, #main_container div.case div.caselist a.jScrollArrowUp:hover {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;} #main_container div.case div.caselist a.jScrollArrowDown {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;} #main_container div.case div.caselist a.jScrollArrowDown:hover { } #main_container div.case div.caselist a.jScrollActiveArrowButton, #main_container div.case div.caselist a.jScrollActiveArrowButton:hover {background-position: 0 0px;} #main_container div.case div.caselist .scroll-pane {width: 313px;height: 330px;overflow: auto;float: left;}