@charset "utf-8"; /* CSS Document */ #main_container div.case{background:url("/en/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; position: relative;} #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; } #flashcontent{ width: 705px; height: 420px;} .case_item,.title_cn,.title_en,.bg_pic{ position: absolute;font-family: Microsoft Yahei,Arial;} .case_item{ width: 100%; height:100%; display: none; } .title_cn{ font-size: 22px;left: 10px;top: 40px;} .title_en{ font-size: 18px;left: 10px;top: 74px;} #main_container div.case div.caselist #flashcontent .bg_pic{ z-index: -1} #main_container div.case div.caselist #flashcontent .bg_pic img{ border: 0px none; z-index: -1} .case_item_list{ width: 705px; height: 44px;line-height: 44px; position: absolute;left: 24px;top: 420px;} .case_item_list_bg{ width: 705px; height: 44px; position: absolute;left: 0px; background-color: #ccc; opacity: 0.5;filter:alpha(opacity=50); z-index: -1} .case_item_list .item_list{ width: 520px; margin: auto;height: 40px; overflow: hidden;margin-top: 5px;} .case_item_list .item_list ul{ width: 910px; height: 40px;} .case_item_list .item_list ul li{ float: left; width: 59px; height: 35px; margin-right:6px; cursor: pointer;} /*.case_item_list .item_list ul li img{ border: 1px solid #000}*/ #main_container div.case div.caselist .case_item_list .item_list ul li.current img{ border: 1px solid #000} .item_list .jspHorizontalBar{ width: 0; height: 0} .item_list .jspVerticalBar{ display: none;} .case_item_list a{height: 37px; position: absolute; top: 5px; width: 23px;background: url("../images/network/changecontent_picture_arrow_icon.png") no-repeat scroll 0 0 transparent;} .case_item_list a.prev { left: 62px;} .case_item_list a.next { background-position: -65px 0; right: 50px;} #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(/en/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(/en/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("/en/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(/en/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;width: 100%;} #main_container div.case div.category div.casecontent ul{list-style:none; margin:0; padding:0;width: 100%;} #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:100%;/* 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:0px; } #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(/en/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(/en/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(/en/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(/en/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(/en/resource/images/scrollpane_track.gif) repeat-y #ffffff;} #main_container div.case div.category div.casecontent a.jScrollArrowDown {background: url(/en/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.category .jspHorizontalBar{ display: none;} #main_container div.case div.category .jspVerticalBar{ width: 7px;background: url("/en/resource/images/scrollpane_track.gif") repeat-y scroll 0 0 #FFFFFF;} #main_container div.case div.category .jspTrack{background: none} #main_container div.case div.category .jspDrag{background: url("/en/resource/images/scrollpane_drag_middle.gif") repeat-y scroll 0 0 transparent;} #main_container div.case div.category .jspDragTop{ position: absolute; top: 0; height: 9px; width: 6px; background: url("/en/resource/images/scrollpane_drag_up.gif") no-repeat scroll 1px top #FFFFFF;} #main_container div.case div.category .jspDragBottom{ position: absolute; bottom: 0px; height: 9px; width: 6px; background: url("/en/resource/images/scrollpane_drag_bottom.gif") no-repeat scroll 1px top #FFFFFF;} #main_container div.case div.category .jspArrow {background: url("/en/resource/images/scrollpane_track.gif") repeat-y scroll 0 0 #FFFFFF; height: 8px} /* 翻滚样式 */ #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(/en/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(/en/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(/en/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(/en/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(/en/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(/en/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(/en/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(/en/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(/en/resource/images/scrollpane_track.gif) repeat-y #ffffff;} #main_container div.case div.caselist a.jScrollArrowDown {background: url(/en/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;} /*2.0版滚动条*/ .jspContainer{overflow: hidden;position: relative;} .jspPane{position: absolute;} .jspVerticalBar{position: absolute;top: 0;right: 0;width: 16px;height: 100%;background: red; } .jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;} .jspVerticalBar *,.jspHorizontalBar *{margin: 0;padding: 0;} .jspCap{display: none;} .jspHorizontalBar .jspCap{float: left;} .jspTrack{background: #dde;position: relative;} .jspDrag{background: #bbd;position: relative;top: 0;left: 0;cursor: pointer;} .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;} .jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;} .jspArrow.jspDisabled{cursor: default;background: #80808d;} .jspVerticalBar .jspArrow{height: 16px;} .jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;} .jspVerticalBar .jspArrow:focus{outline: none;} .jspCorner{background: #eeeef4;float: left;height: 100%;} /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner{margin: 0 -3px 0 0;}