product.css 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506
  1. @charset "utf-8";
  2. /*
  3. * Copyright 2005-2013 dhcc.com.cn. All rights reserved.
  4. * Support: http://www.dhcc.com.cn
  5. * License: http://www.dhcc.com.cn/license
  6. *
  7. * Style - Product
  8. * Version: 3.0
  9. */
  10. /* ---------- Score ---------- */
  11. div.score0 {
  12. width: 60px;
  13. height: 20px;
  14. background: url(../images/review.gif) 0px -60px no-repeat;
  15. }
  16. div.score1 {
  17. width: 60px;
  18. height: 20px;
  19. background: url(../images/review.gif) 0px -90px no-repeat;
  20. }
  21. div.score2 {
  22. width: 60px;
  23. height: 20px;
  24. background: url(../images/review.gif) 0px -120px no-repeat;
  25. }
  26. div.score3 {
  27. width: 60px;
  28. height: 20px;
  29. background: url(../images/review.gif) 0px -150px no-repeat;
  30. }
  31. div.score4 {
  32. width: 60px;
  33. height: 20px;
  34. background: url(../images/review.gif) 0px -180px no-repeat;
  35. }
  36. div.score5 {
  37. width: 60px;
  38. height: 20px;
  39. background: url(../images/review.gif) 0px -210px no-repeat;
  40. }
  41. div.score6 {
  42. width: 60px;
  43. height: 20px;
  44. background: url(../images/review.gif) 0px -240px no-repeat;
  45. }
  46. div.score7 {
  47. width: 60px;
  48. height: 20px;
  49. background: url(../images/review.gif) 0px -270px no-repeat;
  50. }
  51. div.score8 {
  52. width: 60px;
  53. height: 20px;
  54. background: url(../images/review.gif) 0px -300px no-repeat;
  55. }
  56. div.score9 {
  57. width: 60px;
  58. height: 20px;
  59. background: url(../images/review.gif) 0px -330px no-repeat;
  60. }
  61. div.score10 {
  62. width: 60px;
  63. height: 20px;
  64. background: url(../images/review.gif) 0px -360px no-repeat;
  65. }
  66. /* ---------- HotProductCategory ---------- */
  67. div.hotProductCategory {
  68. width: 216px;
  69. padding: 0px 6px;
  70. margin-bottom: 10px;
  71. overflow: hidden;
  72. -webkit-border-radius: 3px;
  73. -moz-border-radius: 3px;
  74. border-radius: 3px;
  75. border: solid 1px #e4e4e4;
  76. }
  77. div.hotProductCategory dl {
  78. width: 216px;
  79. line-height: 30px;
  80. float: left;
  81. _float: none;
  82. border-bottom: solid 1px #f1f1f1;
  83. }
  84. div.hotProductCategory dl.last {
  85. border-bottom: none;
  86. }
  87. div.hotProductCategory dt a {
  88. font-family: "Microsoft YaHei";
  89. color: #2c64b1;
  90. font-size: 14px;
  91. }
  92. div.hotProductCategory dd {
  93. width: 100px;
  94. float: left;
  95. padding-right: 4px;
  96. }
  97. /* ---------- HotProduct ---------- */
  98. div.hotProduct {
  99. width: 228px;
  100. margin-bottom: 10px;
  101. overflow: hidden;
  102. -webkit-border-radius: 3px;
  103. -moz-border-radius: 3px;
  104. border-radius: 3px;
  105. border: solid 1px #e4e4e4;
  106. }
  107. div.hotProduct .title {
  108. height: 30px;
  109. line-height: 30px;
  110. padding-left: 10px;
  111. font-weight: bold;
  112. border-bottom: solid 1px #e4e4e4;
  113. background-color: #f1f1f1;
  114. }
  115. div.hotProduct li {
  116. line-height: 24px;
  117. padding: 0px 10px;
  118. white-space: nowrap;
  119. border-bottom: solid 1px #f1f1f1;
  120. }
  121. div.hotProduct li.last {
  122. border-bottom: none;
  123. }
  124. div.hotProduct li a {
  125. color: #2953a6;
  126. }
  127. div.hotProduct li strong {
  128. color: #666666;
  129. font-weight: bold;
  130. }
  131. div.hotProduct li em {
  132. color: #ceaa00;
  133. font-weight: bold;
  134. font-style: normal;
  135. }
  136. div.hotProduct li div {
  137. height: 24px;
  138. }
  139. div.hotProduct li div div {
  140. height: 24px;
  141. float: left;
  142. margin-right: 6px;
  143. }
  144. /* ---------- HistoryProduct ---------- */
  145. div.historyProduct {
  146. width: 208px;
  147. padding: 0px 10px;
  148. margin-bottom: 10px;
  149. overflow: hidden;
  150. -webkit-border-radius: 3px;
  151. -moz-border-radius: 3px;
  152. border-radius: 3px;
  153. border: solid 1px #e4e4e4;
  154. background-color: #f8f8f8;
  155. }
  156. div.historyProduct .title {
  157. height: 30px;
  158. line-height: 30px;
  159. font-weight: bold;
  160. }
  161. div.historyProduct li {
  162. height: 70px;
  163. }
  164. div.historyProduct li img {
  165. width: 60px;
  166. height: 60px;
  167. display: block;
  168. float: left;
  169. padding: 1px;
  170. border: 1px solid #e4e4e4;
  171. background-color: #ffffff;
  172. }
  173. div.historyProduct li a {
  174. width: 130px;
  175. height: 40px;
  176. line-height: 20px;
  177. display: block;
  178. float: right;
  179. overflow: hidden;
  180. }
  181. div.historyProduct li span {
  182. width: 128px;
  183. height: 20px;
  184. line-height: 20px;
  185. display: block;
  186. float: right;
  187. color: #d80000;
  188. overflow: hidden;
  189. }
  190. div.historyProduct .clearHistoryProduct {
  191. line-height: 30px;
  192. color: #999999;
  193. outline: none;
  194. blr: expression(this.hideFocus = true);
  195. }
  196. /* ---------- ProductList ---------- */
  197. div.productList .filter {
  198. margin-bottom: 4px;
  199. }
  200. div.productList .filter .title {
  201. height: 30px;
  202. line-height: 30px;
  203. padding-left: 10px;
  204. color: #6d6d6d;
  205. font-size: 14px;
  206. font-weight: bold;
  207. font-family: "Microsoft YaHei";
  208. border: solid 1px #e4e4e4;
  209. }
  210. div.productList .filter .content {
  211. padding: 0px 10px;
  212. border-left: solid 1px #e4e4e4;
  213. border-right: solid 1px #e4e4e4;
  214. }
  215. div.productList .filter dl {
  216. width: 678px;
  217. line-height: 30px;
  218. position: relative;
  219. overflow: hidden;
  220. *zoom: 1;
  221. border-bottom: dotted 1px #e8e8e8;
  222. }
  223. div.productList .filter dl.last {
  224. border-bottom: none;
  225. }
  226. div.productList .filter dt {
  227. width: 80px;
  228. float: left;
  229. margin-right: 8px;
  230. text-align: right;
  231. white-space: nowrap;
  232. overflow: hidden;
  233. cursor: default;
  234. }
  235. div.productList .filter dd {
  236. float: left;
  237. margin-right: 12px;
  238. color: #1859a5;
  239. white-space: nowrap;
  240. }
  241. div.productList .filter dd a {
  242. line-height: 30px;
  243. padding: 2px 4px;
  244. color: #2953a5;
  245. }
  246. div.productList .filter dd a.current {
  247. color: #ffffff;
  248. background-color: #ff6600;
  249. }
  250. div.productList .filter .moreOption {
  251. width: 12px;
  252. height: 30px;
  253. line-height: 30px;
  254. display: none;
  255. margin-right: 0px;
  256. position: absolute;
  257. top: 0px;
  258. right: 0px;
  259. color: #7d7d7d;
  260. cursor: pointer;
  261. overflow: hidden;
  262. background: url(../images/product.gif) -210px -270px no-repeat;
  263. }
  264. div.productList .filter dd.close {
  265. background: url(../images/product.gif) -210px -300px no-repeat;
  266. }
  267. div.productList .filter .moreFilter {
  268. line-height: 6px;
  269. background: url(../images/product.gif) 0px 0px repeat-x;
  270. }
  271. div.productList .filter .moreFilter a {
  272. width: 108px;
  273. height: 27px;
  274. line-height: 22px;
  275. display: block;
  276. margin: 0px auto;
  277. text-align: center;
  278. outline: none;
  279. blr: expression(this.hideFocus = true);
  280. background: url(../images/product.gif) 0px -480px no-repeat;
  281. }
  282. div.productList .filter .moreFilter .close {
  283. background: url(../images/product.gif) -120px -480px no-repeat;
  284. }
  285. div.productList .bar {
  286. margin-bottom: 10px;
  287. color: #434343;
  288. -webkit-border-radius: 3px;
  289. -moz-border-radius: 3px;
  290. border-radius: 3px;
  291. border: solid 1px #dddddd;
  292. }
  293. div.productList .bar .layout {
  294. height: 26px;
  295. line-height: 26px;
  296. padding: 8px 0px 8px 8px;
  297. border-bottom: dotted 1px #dddddd;
  298. background: url(../images/product.gif) 0px -30px repeat-x;
  299. }
  300. div.productList .bar .layout label {
  301. float: left;
  302. margin-right: 8px;
  303. }
  304. div.productList .bar .layout a {
  305. float: left;
  306. padding: 1px;
  307. margin-right: 10px;
  308. outline: none;
  309. blr: expression(this.hideFocus = true);
  310. cursor: pointer;
  311. border: solid 1px #cccccc;
  312. background-color: #ffffff;
  313. }
  314. div.productList .bar .layout a:hover {
  315. border: solid 1px #f9ad75;
  316. }
  317. div.productList .bar .layout a.current {
  318. border: solid 1px #f9ad75;
  319. }
  320. div.productList .bar .layout a span {
  321. min-width: 22px;
  322. _width: 22px;
  323. _white-space: nowrap;
  324. height: 22px;
  325. line-height: 22px;
  326. display: block;
  327. margin-right: 0px;
  328. text-align: center;
  329. background: url(../images/product.gif) 0px -90px repeat-x;
  330. }
  331. div.productList .bar .layout a.current span {
  332. background: url(../images/product.gif) 0px -120px repeat-x;
  333. }
  334. div.productList .bar .layout .tableType span {
  335. background: url(../images/product.gif) 0px -510px no-repeat;
  336. }
  337. div.productList .bar .layout .listType span {
  338. background: url(../images/product.gif) -60px -510px no-repeat;
  339. }
  340. div.productList .bar .layout .currentTable {
  341. border: solid 1px #f9ad75;
  342. }
  343. div.productList .bar .layout .currentTable span {
  344. background: url(../images/product.gif) -30px -510px no-repeat;
  345. }
  346. div.productList .bar .layout .currentList {
  347. border: solid 1px #f9ad75;
  348. }
  349. div.productList .bar .layout .currentList span {
  350. background: url(../images/product.gif) -90px -510px no-repeat;
  351. }
  352. div.productList .bar .layout .page {
  353. float: right;
  354. margin-right: 0px;
  355. }
  356. div.productList .bar .layout .page span {
  357. padding: 0px 6px;
  358. }
  359. div.productList .bar .sort {
  360. height: 26px;
  361. padding: 8px 0px 8px 8px;
  362. border-bottom: dotted 1px #dddddd;
  363. }
  364. div.productList .bar .sort a:hover {
  365. color: #ff6600;
  366. background-color: #eeeeee;
  367. }
  368. div.productList .bar .sort a.current {
  369. color: #000000;
  370. background-color: #eeeeee;
  371. }
  372. div.productList .bar .sort .orderSelect {
  373. float: left;
  374. cursor: default;
  375. }
  376. div.productList .bar .sort .orderSelect span {
  377. width: 100px;
  378. height: 22px;
  379. line-height: 22px;
  380. display: block;
  381. padding: 0px 6px;
  382. border: solid 1px #cccccc;
  383. background: url(../images/product.gif) right -330px no-repeat;
  384. }
  385. div.productList .bar .sort .popupMenu {
  386. width: 112px;
  387. display: none;
  388. position: absolute;
  389. -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  390. -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  391. box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  392. border: 1px solid #cccccc;
  393. background-color: #ffffff;
  394. }
  395. div.productList .bar .sort .popupMenu ul {
  396. z-index: 100;
  397. padding: 1px;
  398. }
  399. div.productList .bar .sort .popupMenu li {
  400. height: 24px;
  401. vertical-align: middle;
  402. }
  403. div.productList .bar .sort .popupMenu a {
  404. height: 24px;
  405. line-height: 24px;
  406. *line-height: 25px;
  407. padding: 0px 5px;
  408. display: block;
  409. float: none;
  410. overflow: hidden;
  411. outline: none;
  412. blr: expression(this.hideFocus = true);
  413. -webkit-border-radius: 1px;
  414. -moz-border-radius: 1px;
  415. border-radius: 1px;
  416. }
  417. div.productList .bar .sort .asc, div.productList .bar .sort .currentAsc, div.productList .bar .sort .desc, div.productList .bar .sort .currentDesc {
  418. height: 22px;
  419. line-height: 22px;
  420. display: block;
  421. float: left;
  422. padding: 0px 15px 0px 6px;
  423. outline: none;
  424. blr: expression(this.hideFocus = true);
  425. border-top: solid 1px #cccccc;
  426. border-right: solid 1px #cccccc;
  427. border-bottom: solid 1px #cccccc;
  428. }
  429. div.productList .bar .sort .asc {
  430. background: url(../images/product.gif) right -360px no-repeat;
  431. }
  432. div.productList .bar .sort .currentAsc {
  433. background: url(../images/product.gif) right -390px no-repeat;
  434. }
  435. div.productList .bar .sort .desc {
  436. background: url(../images/product.gif) right -420px no-repeat;
  437. }
  438. div.productList .bar .sort .currentDesc {
  439. background: url(../images/product.gif) right -450px no-repeat;
  440. }
  441. div.productList .bar .sort input {
  442. width: 38px;
  443. height: 22px;
  444. line-height: 22px;
  445. padding: 0px;
  446. margin: 0px 4px;
  447. #margin: -1px 4px;
  448. _margin: -1px 4px;
  449. text-align: center;
  450. vertical-align: middle;
  451. ime-mode: disabled;
  452. border: 1px solid #cccccc;
  453. }
  454. div.productList .bar .sort input:disabled {
  455. background-color: #ffffff;
  456. }
  457. div.productList .bar .sort button {
  458. height: 24px;
  459. line-height: 24px;
  460. display: none;
  461. padding: 0px 4px;
  462. color: #666666;
  463. font-size: 12px;
  464. vertical-align: middle;
  465. cursor: pointer;
  466. _overflow-x: visible;
  467. border: 1px solid #cccccc;
  468. background-color: #f6f6f6;
  469. }
  470. div.productList .bar .tag {
  471. height: 30px;
  472. line-height: 30px;
  473. padding: 0px 8px;
  474. }
  475. div.productList .result dl {
  476. line-height: 30px;
  477. padding: 10px;
  478. }
  479. div.productList .result dt {
  480. color: #843d11;
  481. font-size: 14px;
  482. font-weight: bold;
  483. font-family: "Microsoft YaHei";
  484. }
  485. div.productList .table {
  486. padding: 0px 2px;
  487. margin-bottom: 10px;
  488. -webkit-border-radius: 3px;
  489. -moz-border-radius: 3px;
  490. border-radius: 3px;
  491. border: solid 1px #dddddd;
  492. }
  493. div.productList .table li {
  494. width: 176px;
  495. height: 246px;
  496. line-height: 20px;
  497. float: left;
  498. overflow: hidden;
  499. border-bottom: solid 1px #e4e4e4;
  500. }
  501. div.productList .table li.last {
  502. border-bottom: none;
  503. }
  504. div.productList .table li a {
  505. height: 240px;
  506. display: block;
  507. padding: 3px;
  508. }
  509. div.productList .table li a:hover {
  510. background-color: #f6f6f6;
  511. }
  512. div.productList .table span {
  513. display: block;
  514. }
  515. div.productList .table .price {
  516. line-height: 30px;
  517. color: #c4161c;
  518. font-size: 14px;
  519. font-weight: bold;
  520. }
  521. div.productList .table .price del {
  522. margin-left: 6px;
  523. color: #a5a5a5;
  524. font-size: 11px;
  525. font-weight: normal;
  526. text-decoration: line-through;
  527. }
  528. div.productList .list {
  529. margin-bottom: 10px;
  530. }
  531. div.productList .list li {
  532. height: 170px;
  533. line-height: 22px;
  534. padding: 5px 0px;
  535. overflow: hidden;
  536. border-bottom: solid 1px #e4e4e4;
  537. }
  538. div.productList .list img {
  539. float: left;
  540. }
  541. div.productList .list span {
  542. display: block;
  543. float: left;
  544. padding-left: 20px;
  545. }
  546. div.productList .list .price {
  547. line-height: 30px;
  548. float: right;
  549. color: #c4161c;
  550. font-size: 14px;
  551. font-weight: bold;
  552. }
  553. div.productList .list .price del {
  554. margin-left: 10px;
  555. color: #a5a5a5;
  556. font-size: 11px;
  557. font-weight: normal;
  558. text-decoration: line-through;
  559. }
  560. /* ---------- ProductContent ---------- */
  561. div.productContent .productImage {
  562. width: 302px;
  563. height: 370px;
  564. float: left;
  565. margin-right: 10px;
  566. margin-bottom: 10px;
  567. }
  568. div.productContent .productImage .medium {
  569. width: 300px;
  570. height: 300px;
  571. display: block;
  572. margin-bottom: 4px;
  573. border: 1px solid #e4e4e4;
  574. }
  575. div.productContent .productImage .prev {
  576. width: 10px;
  577. height: 62px;
  578. display: block;
  579. float: left;
  580. margin-right: 5px;
  581. outline: none;
  582. blr: expression(this.hideFocus = true);
  583. border: 1px solid #e4e4e4;
  584. background: url(../images/product.gif) -120px -510px no-repeat;
  585. }
  586. div.productContent .productImage .prev:hover {
  587. background-color: #f1f1f1;
  588. }
  589. div.productContent .productImage .next {
  590. width: 10px;
  591. height: 62px;
  592. display: block;
  593. float: right;
  594. margin-left: 4px;
  595. outline: none;
  596. blr: expression(this.hideFocus = true);
  597. border: 1px solid #e4e4e4;
  598. background: url(../images/product.gif) -180px -510px no-repeat;
  599. }
  600. div.productContent .productImage .next:hover {
  601. background-color: #f1f1f1;
  602. }
  603. div.productContent .productImage .disabled {
  604. cursor: default;
  605. background-color: #f1f1f1;
  606. }
  607. div.productContent .productImage a[class="prev disabled"] {
  608. background: url(../images/product.gif) -150px -510px no-repeat #f4f4f4;
  609. }
  610. div.productContent .productImage a[class="next disabled"] {
  611. background: url(../images/product.gif) -210px -510px no-repeat #f4f4f4;
  612. }
  613. div.productContent .productImage .scrollable {
  614. width: 268px;
  615. height: 64px;
  616. float: left;
  617. position: relative;
  618. overflow: hidden;
  619. }
  620. div.productContent .productImage .scrollable .items {
  621. width: 20000em;
  622. position: absolute;
  623. }
  624. div.productContent .productImage .scrollable a {
  625. display: block;
  626. float: left;
  627. padding: 1px;
  628. margin-right: 4px;
  629. outline: none;
  630. blr: expression(this.hideFocus = true);
  631. border: 1px solid #e4e4e4;
  632. }
  633. div.productContent .productImage .scrollable a.current {
  634. padding: 0px;
  635. border: 2px solid #ff9900;
  636. }
  637. div.productContent .productImage .scrollable img {
  638. width: 60px;
  639. height: 60px;
  640. display: block;
  641. }
  642. div.productContent .productImage .zoomPad {
  643. float: left;
  644. position: relative;
  645. z-index: 99;
  646. cursor: crosshair;
  647. }
  648. div.productContent .productImage .zoomPreload {
  649. width: 90px;
  650. height: 43px;
  651. * width: 100px;
  652. * height: 49px;
  653. padding: 8px;
  654. text-align: center;
  655. color: #333333;
  656. -moz-opacity: 0.8;
  657. opacity: 0.8;
  658. filter: alpha(opacity = 80);
  659. position: absolute;
  660. top: 0px;
  661. left: 0px;
  662. z-index: 110;
  663. border: 1px solid #e4e4e4;
  664. background-color: white;
  665. }
  666. div.productContent .productImage .zoomPup {
  667. overflow: hidden;
  668. -moz-opacity: 0.6;
  669. opacity: 0.6;
  670. filter: alpha(opacity = 60);
  671. position: absolute;
  672. z-index: 120;
  673. cursor: crosshair;
  674. border: 1px solid #e4e4e4;
  675. background-color: #ffffff;
  676. }
  677. div.productContent .productImage .zoomOverlay {
  678. width: 100%;
  679. height: 100%;
  680. position: absolute;
  681. left: 0px;
  682. top: 0px;
  683. z-index: 101;
  684. display: none;
  685. background: #ffffff;
  686. }
  687. div.productContent .productImage .zoomWindow {
  688. height: auto;
  689. position: absolute;
  690. left: 110%;
  691. top: 40px;
  692. z-index: 110;
  693. background: #ffffff;
  694. }
  695. div.productContent .productImage .zoomWrapper {
  696. position: relative;
  697. z-index: 110;
  698. border: 1px solid #e4e4e4;
  699. }
  700. div.productContent .productImage .zoomWrapperTitle {
  701. width: 100%;
  702. height: 18px;
  703. line-height: 18px;
  704. color: #ffffff;
  705. text-align: center;
  706. font-size: 10px;
  707. overflow: hidden;
  708. position: absolute;
  709. top: 0px;
  710. left: 0px;
  711. z-index: 120;
  712. -moz-opacity: 0.6;
  713. opacity: 0.6;
  714. display: block;
  715. filter: alpha(opacity = 60);
  716. background: #999999;
  717. }
  718. div.productContent .productImage .zoomWrapperImage {
  719. display: block;
  720. position: relative;
  721. overflow: hidden;
  722. z-index: 110;
  723. }
  724. div.productContent .productImage .zoomWrapperImage img {
  725. display: block;
  726. position: absolute;
  727. z-index: 101;
  728. border: 0px;
  729. }
  730. div.productContent .productImage .zoomIframe {
  731. z-index: -1;
  732. filter: alpha(opacity=0);
  733. -moz-opacity: 0.80;
  734. opacity: 0.80;
  735. position: absolute;
  736. display: block;
  737. }
  738. div.productContent .name {
  739. width: 398px;
  740. line-height: 26px;
  741. float: right;
  742. clear: right;
  743. color: #414141;
  744. font-size: 14px;
  745. font-weight: bold;
  746. }
  747. div.productContent .sn {
  748. width: 398px;
  749. float: right;
  750. clear: right;
  751. color: #616161;
  752. border-bottom: 1px dotted #dddddd;
  753. }
  754. div.productContent .sn div {
  755. height: 24px;
  756. line-height: 24px;
  757. float: left;
  758. margin-right: 10px;
  759. }
  760. div.productContent .info {
  761. width: 398px;
  762. line-height: 24px;
  763. float: right;
  764. clear: right;
  765. }
  766. div.productContent .info dt {
  767. width: 54px;
  768. float: left;
  769. margin-right: 6px;
  770. color: #888888;
  771. white-space: nowrap;
  772. }
  773. div.productContent .info dd {
  774. width: 338px;
  775. float: left;
  776. color: #666666;
  777. }
  778. div.productContent .info strong {
  779. color: #ef0101;
  780. font-size: 16px;
  781. font-weight: bold;
  782. margin-right: 10px;
  783. }
  784. div.productContent .info del {
  785. color: #a5a5a5;
  786. text-decoration: line-through;
  787. }
  788. div.productContent .info span {
  789. color: #ff6600;
  790. }
  791. div.productContent .info a {
  792. padding: 1px 2px;
  793. color: #ffffff;
  794. background-color: #f07373;
  795. }
  796. div.productContent .action {
  797. width: 392px;
  798. line-height: 34px;
  799. float: right;
  800. clear: right;
  801. padding: 2px;
  802. color: #333333;
  803. border: 1px solid #e7dbb1;
  804. background-color: #fffee6;
  805. }
  806. div.productContent .action:hover {
  807. border-color: #df9a07;
  808. }
  809. div.productContent .specification .title {
  810. height: 24px;
  811. line-height: 24px;
  812. display: none;
  813. padding-left: 4px;
  814. color: #666666;
  815. background-color: #f5efdc;
  816. }
  817. div.productContent .specification dl {
  818. line-height: 24px;
  819. clear: both;
  820. padding: 4px 0px;
  821. }
  822. div.productContent .specification dt {
  823. width: 60px;
  824. float: left;
  825. margin-right: 10px;
  826. text-align: right;
  827. color: #888888;
  828. white-space: nowrap;
  829. overflow: hidden;
  830. }
  831. div.productContent .specification dd {
  832. float: left;
  833. margin-right: 4px;
  834. color: #666666;
  835. overflow: hidden;
  836. white-space: nowrap;
  837. }
  838. div.productContent .specification a {
  839. display: block;
  840. float: left;
  841. position: relative;
  842. outline: none;
  843. blr: expression(this.hideFocus = true);
  844. }
  845. div.productContent .specification a span {
  846. width: 13px;
  847. height: 13px;
  848. display: none;
  849. position: absolute;
  850. right: 0px;
  851. bottom: 0px;
  852. overflow: hidden;
  853. background: url(../images/product.gif) 0px -540px no-repeat;
  854. }
  855. div.productContent .specification .text {
  856. height: 24px;
  857. line-height: 24px;
  858. padding: 0px 8px;
  859. border-top: 1px solid #eeeeee;
  860. border-right: 1px solid #bbbbbb;
  861. border-bottom: 1px solid #bbbbbb;
  862. border-left: 1px solid #eeeeee;
  863. background-color: #ffffff;
  864. }
  865. div.productContent .specification .text:hover {
  866. border-color: #ff9900;
  867. }
  868. div.productContent .specification .image {
  869. width: 26px;
  870. height: 26px;
  871. padding: 1px;
  872. border: 1px solid #cccccc;
  873. background-color: #ffffff;
  874. }
  875. div.productContent .specification .image:hover {
  876. border-color: #ff9900;
  877. }
  878. div.productContent .specification .image img {
  879. width: 26px;
  880. height: 26px;
  881. display: block;
  882. }
  883. div.productContent .specification .selected {
  884. border: 1px solid #f08b02;
  885. }
  886. div.productContent .specification .selected span {
  887. display: block;
  888. }
  889. div.productContent .specification .locked {
  890. color: #d6d6d6;
  891. cursor: not-allowed;
  892. border-color: #bbbbbb;
  893. border-style: dotted;
  894. }
  895. div.productContent .productNotify {
  896. height: 24px;
  897. line-height: 24px;
  898. padding: 10px 0px;
  899. display: none;
  900. border-bottom: 1px solid #faeac7;
  901. }
  902. div.productContent .productNotify dt {
  903. width: 60px;
  904. float: left;
  905. margin-right: 10px;
  906. color: #888888;
  907. text-align: right;
  908. white-space: nowrap;
  909. }
  910. div.productContent .productNotify dd {
  911. float: left;
  912. margin-right: 4px;
  913. color: #666666;
  914. }
  915. div.productContent .productNotify input {
  916. width: 122px;
  917. height: 24px;
  918. line-height: 24px;
  919. padding: 0px 2px;
  920. border: 1px solid #dbdbdb;
  921. }
  922. div.productContent .quantity {
  923. height: 18px;
  924. line-height: 18px;
  925. padding: 10px 0px;
  926. border-bottom: 1px solid #faeac7;
  927. }
  928. div.productContent .quantity dt {
  929. width: 60px;
  930. float: left;
  931. margin-right: 10px;
  932. color: #888888;
  933. text-align: right;
  934. white-space: nowrap;
  935. }
  936. div.productContent .quantity dd {
  937. float: left;
  938. margin-right: 4px;
  939. color: #666666;
  940. }
  941. div.productContent .quantity input {
  942. width: 22px;
  943. height: 18px;
  944. line-height: 18px;
  945. float: left;
  946. padding: 0px 2px;
  947. text-align: center;
  948. ime-mode: disabled;
  949. border: 1px solid #dbdbdb;
  950. }
  951. div.productContent .quantity div {
  952. height: 18px;
  953. float: left;
  954. padding-left: 2px;
  955. }
  956. div.productContent .quantity .increase {
  957. width: 18px;
  958. height: 7px;
  959. display: block;
  960. clear: both;
  961. margin-bottom: 2px;
  962. cursor: pointer;
  963. overflow: hidden;
  964. border: 1px solid #dbdbdb;
  965. background: url(../images/product.gif) 0px -570px #f9f9f9 no-repeat;
  966. }
  967. div.productContent .quantity .decrease {
  968. width: 18px;
  969. height: 7px;
  970. display: block;
  971. clear: both;
  972. cursor: pointer;
  973. overflow: hidden;
  974. border: 1px solid #dbdbdb;
  975. background: url(../images/product.gif) -30px -570px #f9f9f9 no-repeat;
  976. }
  977. div.productContent .buy {
  978. height: 36px;
  979. line-height: 36px;
  980. padding: 8px 10px 8px 70px;
  981. border-top: 2px solid #ffffff;
  982. }
  983. div.productContent .buy .addProductNotify {
  984. width: 127px;
  985. height: 36px;
  986. line-height: 34px;
  987. float: left;
  988. padding-left: 20px;
  989. color: #ffffff;
  990. font-size: 15px;
  991. font-weight: bold;
  992. font-family: "Microsoft YaHei";
  993. cursor: pointer;
  994. border: none;
  995. background: url(../images/product.gif) 0px -600px no-repeat;
  996. }
  997. div.productContent .buy .addCart {
  998. width: 127px;
  999. height: 36px;
  1000. line-height: 34px;
  1001. float: left;
  1002. padding-left: 20px;
  1003. color: #ffffff;
  1004. font-size: 15px;
  1005. font-weight: bold;
  1006. font-family: "Microsoft YaHei";
  1007. cursor: pointer;
  1008. border: none;
  1009. background: url(../images/product.gif) 0px -600px no-repeat;
  1010. }
  1011. div.productContent .buy a {
  1012. float: right;
  1013. color: #666666;
  1014. }
  1015. div.productContent .bar {
  1016. height: 36px;
  1017. clear: both;
  1018. margin-bottom: 10px;
  1019. }
  1020. div.productContent .bar ul {
  1021. width: 708px;
  1022. height: 32px;
  1023. padding: 1px 0px;
  1024. border: 1px solid #dddddd;
  1025. background: url(../images/product.gif) 0px -150px repeat-x;
  1026. }
  1027. div.productContent .bar li {
  1028. height: 32px;
  1029. line-height: 32px;
  1030. float: left;
  1031. padding: 0px 20px;
  1032. border-right: 1px solid #dddddd;
  1033. border-left: 1px solid #ffffff;
  1034. }
  1035. div.productContent .bar li.current {
  1036. background: url(../images/product.gif) 0px -210px repeat-x;
  1037. }
  1038. div.productContent .bar li.current a {
  1039. color: #cc0000;
  1040. font-weight: bold;
  1041. }
  1042. div.productContent .brief {
  1043. width: 100%;
  1044. border-collapse: separate;
  1045. border-spacing: 1px;
  1046. margin-bottom: 10px;
  1047. }
  1048. div.productContent .brief th {
  1049. width: 100px;
  1050. height: 30px;
  1051. padding: 0px 6px;
  1052. color: #888888;
  1053. font-weight: normal;
  1054. text-align: right;
  1055. background-color: #eeeeee;
  1056. }
  1057. div.productContent .brief td {
  1058. padding: 0px 6px;
  1059. color: #999999;
  1060. background-color: #f6f6f6;
  1061. }
  1062. div.productContent .introduction .title, div.productContent .parameter .title {
  1063. height: 29px;
  1064. line-height: 29px;
  1065. margin-bottom: 10px;
  1066. border-top: 1px solid #aaa8a9;
  1067. background-color: #d3d3d3;
  1068. }
  1069. div.productContent .introduction .title strong, div.productContent .parameter .title strong {
  1070. display: block;
  1071. float: left;
  1072. padding: 0px 20px;
  1073. color: #ffffff;
  1074. font-size: 14px;
  1075. font-weight: bold;
  1076. font-family: "Microsoft YaHei";
  1077. background-color: #aaa8a9;
  1078. }
  1079. div.productContent .introduction {
  1080. width: 710px;
  1081. margin-bottom: 10px;
  1082. overflow: hidden;
  1083. }
  1084. div.productContent .introduction strong {
  1085. font-weight: bold;
  1086. }
  1087. div.productContent .introduction em {
  1088. font-style: italic;
  1089. }
  1090. div.productContent .parameter {
  1091. margin-bottom: 10px;
  1092. }
  1093. div.productContent .parameter table {
  1094. width: 100%;
  1095. line-height: 30px;
  1096. }
  1097. div.productContent .parameter th {
  1098. width: 100px;
  1099. padding: 0px 10px;
  1100. font-weight: normal;
  1101. text-align: right;
  1102. border: 1px solid #e4e4e4;
  1103. }
  1104. div.productContent .parameter td {
  1105. padding: 0px 10px;
  1106. border: 1px solid #e4e4e4;
  1107. }
  1108. div.productContent .parameter .group {
  1109. font-size: 14px;
  1110. text-align: left;
  1111. background-color: #f1f1f1;
  1112. }
  1113. div.productContent .review {
  1114. padding: 1px;
  1115. margin-bottom: 10px;
  1116. -webkit-border-radius: 3px;
  1117. -moz-border-radius: 3px;
  1118. border-radius: 3px;
  1119. border: 1px solid #e4e4e4;
  1120. }
  1121. div.productContent .review .title {
  1122. height: 30px;
  1123. line-height: 30px;
  1124. padding-left: 10px;
  1125. font-size: 14px;
  1126. font-weight: bold;
  1127. font-family: "Microsoft YaHei";
  1128. background-color: #f1f1f1;
  1129. }
  1130. div.productContent .review .content {
  1131. padding: 0px 10px;
  1132. }
  1133. div.productContent .review .score {
  1134. width: 120px;
  1135. height: 60px;
  1136. float: left;
  1137. padding-top: 20px;
  1138. margin: 10px 20px 10px 0px;
  1139. color: #808080;
  1140. }
  1141. div.productContent .review .score strong {
  1142. display: block;
  1143. float: left;
  1144. margin-right: 4px;
  1145. color: #ff6600;
  1146. font-size: 30px;
  1147. font-weight: normal;
  1148. font-family: "Microsoft YaHei";
  1149. }
  1150. div.productContent .review .score div {
  1151. float: left;
  1152. }
  1153. div.productContent .review .score div div {
  1154. height: 18px;
  1155. line-height: 18px;
  1156. clear: both;
  1157. white-space: nowrap;
  1158. }
  1159. div.productContent .review .graph {
  1160. height: 60px;
  1161. width: 400px;
  1162. float: left;
  1163. padding: 10px 10px 10px 0px;
  1164. margin: 10px 0px;
  1165. border-right: 1px solid #e4e4e4;
  1166. }
  1167. div.productContent .review .graph span {
  1168. height: 21px;
  1169. display: block;
  1170. }
  1171. div.productContent .review .graph em {
  1172. width: 28px;
  1173. height: 21px;
  1174. line-height: 16px;
  1175. display: block;
  1176. float: right;
  1177. margin-right: 26px;
  1178. color: #ffffff;
  1179. text-align: center;
  1180. font-style: normal;
  1181. background: url(../images/review.gif) 0px -30px no-repeat;
  1182. }
  1183. div.productContent .review .graph div {
  1184. width: 400px;
  1185. height: 14px;
  1186. background: url(../images/review.gif) 0px 0px no-repeat;
  1187. }
  1188. div.productContent .review .graph li {
  1189. width: 80px;
  1190. height: 26px;
  1191. line-height: 26px;
  1192. float: left;
  1193. color: #808080;
  1194. text-align: center;
  1195. }
  1196. div.productContent .review .handle {
  1197. height: 40px;
  1198. float: left;
  1199. padding-top: 34px;
  1200. padding-left: 20px;
  1201. margin: 10px 0px;
  1202. }
  1203. div.productContent .review .handle a {
  1204. padding: 4px 8px;
  1205. color: #ffffff;
  1206. font-weight: bold;
  1207. white-space: nowrap;
  1208. background-color: #2372cf;
  1209. }
  1210. div.productContent .review table {
  1211. width: 100%;
  1212. line-height: 24px;
  1213. clear: both;
  1214. border-top: 1px solid #e4e4e4;
  1215. }
  1216. div.productContent .review table th {
  1217. padding: 6px 0px;
  1218. color: #888888;
  1219. font-weight: normal;
  1220. text-align: left;
  1221. border-bottom: 1px dotted #e4e4e4;
  1222. }
  1223. div.productContent .review table td {
  1224. width: 160px;
  1225. padding-left: 10px;
  1226. border-bottom: 1px dotted #e4e4e4;
  1227. }
  1228. div.productContent .review span {
  1229. color: #999999;
  1230. }
  1231. div.productContent .review p {
  1232. padding: 10px 0px;
  1233. color: #888888;
  1234. }
  1235. div.productContent .consultation {
  1236. padding: 1px;
  1237. margin-bottom: 10px;
  1238. -webkit-border-radius: 3px;
  1239. -moz-border-radius: 3px;
  1240. border-radius: 3px;
  1241. border: 1px solid #e4e4e4;
  1242. }
  1243. div.productContent .consultation .title {
  1244. height: 30px;
  1245. line-height: 30px;
  1246. padding-left: 10px;
  1247. font-size: 14px;
  1248. font-weight: bold;
  1249. font-family: "Microsoft YaHei";
  1250. background-color: #f1f1f1;
  1251. }
  1252. div.productContent .consultation .content {
  1253. padding: 0px 10px;
  1254. }
  1255. div.productContent .consultation .content li {
  1256. line-height: 24px;
  1257. padding: 10px 0px;
  1258. color: #888888;
  1259. border-bottom: 1px dotted #e4e4e4;
  1260. }
  1261. div.productContent .consultation .content li.last {
  1262. border-bottom: none;
  1263. }
  1264. div.productContent .consultation .content li .arrow {
  1265. width: 0px;
  1266. height: 0px;
  1267. margin-left: 20px;
  1268. overflow: hidden;
  1269. border: 6px solid;
  1270. border-color: #ffffff #ffffff #f1f1f1 #ffffff;
  1271. }
  1272. div.productContent .consultation .content li ul {
  1273. padding: 6px;
  1274. -webkit-border-radius: 5px;
  1275. -moz-border-radius: 5px;
  1276. border-radius: 5px;
  1277. background-color: #f1f1f1;
  1278. }
  1279. div.productContent .consultation .content li ul li {
  1280. padding: 0px;
  1281. border-bottom: none;
  1282. }
  1283. div.productContent .consultation .content span {
  1284. color: #999999;
  1285. white-space: nowrap;
  1286. }
  1287. div.productContent .consultation .content p {
  1288. padding: 10px 0px;
  1289. color: #999999;
  1290. }