/* products_detail_01 产品详细页面样式 --------------------------------------------------------------------*/ .products_detail { width: 100%; } .content { width: 100%; overflow: hidden; } .detail { width: 100%; overflow: hidden; } .other {/*产品链接样样式*/ width: 100%; overflow: hidden; margin-bottom: 20px; } .other { line-height: 30px; } .other p{ margin-right:10px; float:left; } .products_detail_left { width: 350px;/*详细大图宽度*/ float: left; } .products_detail_right { width: 350px;/*参数属性*/ float: right; } .pic_info_content ul li{ line-height:26px;} .pic_zoom { position: relative; height: 350px;/*大图高度*/ margin-bottom: 10px; z-index: 99; } .pic_zoom img { position: absolute; right: 0px; bottom: 0px; width: 350px; height:350px; } .pic_zoom .zoom_icon { position: absolute; width: 20px; height: 20px; right: 1px; bottom: 1px; background: url(/img/common/Gui.gif) no-repeat 0px -220px; } .pic_zoom span img { width: auto; height:auto; } .pic_list { width: 100%; height: 56px;/*小图列表高度*/ position:relative; } .pic_list .pic_list_content { width: 295px;/*小图列表宽度*/ height: 56px; margin-left:5px; float: left; overflow:hidden; } .pic_list .pic_list_content ul { } .pic_list ul li { width: 76px; height: 56px; float: left; overflow:hidden; } .pic_list ul li a{ display:block; border: solid 2px #dcdcdc; padding: 1px; background: #fff; width: 50px;/*小图显示宽度*/ height: 50px; margin:0px; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(Opacity=80); } .pic_list ul li a:hover{ border: solid 2px #1b5eb1; opacity:10.0; -moz-opacity:10.0; -khtml-opacity:10.0; filter:alpha(Opacity=100); } .pic_list ul li img{ width: 50px;/*小图显示宽度*/ height: 50px; } .pic_list ul li a.current{ border: solid 2px #1b5eb1;/*小图当前停留边框*/ opacity:10.0; -moz-opacity:10.0; -khtml-opacity:10.0; filter:alpha(Opacity=100); } .pic_list a { display: block; width: 20px; height: 50px; margin-top:3px; } .pic_list .prev { float:left; margin-right:10px; background: url(/img/common/Gui.gif) no-repeat 0px -120px;/*左箭头背景*/ } .pic_list .next { float:right; background: url(/img/common/Gui.gif) no-repeat 0px -170px;/*左箭头背景*/ } .pic_info ul li {/*参数属性文字样式*/ display: inline-block; width: 100%; margin-bottom: 8px; } .pic_info ul .name { } .pic_info ul li span { vertical-align: top; } .color a, .color a:link, .color a:visited, .color a:hover{/*颜色*/ border:solid 1px #CCC; background:#fff; padding:0px 5px 0px 5px; font-style:normal; color:#fff; display:inline-block; /*样式隐藏超链接*/ text-decoration:none; cursor:default; } /* FILE ARCHIVED ON 22:23:41 Oct 14, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 16:33:33 Jul 21, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 1.488 exclusion.robots: 0.116 exclusion.robots.policy: 0.092 esindex: 0.022 cdx.remote: 29.857 LoadShardBlock: 632.215 (3) PetaboxLoader3.datanode: 504.194 (5) PetaboxLoader3.resolve: 378.039 (3) load_resource: 277.88 (2) */