@charset "utf-8"; /* Start CSS */ ul,ol,li{list-style:none; padding:0; margin:0} /*#top{ background: #FFF; border-bottom:#EEE 1px solid; height: 35px; } #top ul{ list-style: none; padding: 0; }*/ .lang, .currency{ float: left; } .lang ul, .currency ul{ list-style: none; padding: 0; } .lang ul li, .currency ul li{ float: left; } .lang{ margin: 0 36px 0 -11px; } .lang ul li a{ color: #999; display: block; height: 35px; float: left; font:normal 12px/35px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; line-height: 35px; margin: 0px; text-align: center; text-decoration: none; width: 36px; } .lang ul li.current a{ background: #393939!important; color: #ddd; font:bold 11px/35px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } .lang ul li a:hover{ background:#222; text-decoration: none; } .currency ul li a{ color: #999; display: block; float: left; font:normal 13px/35px Bitter, Arial, Verdana, serif; height: 35px; margin: 0; text-align: center; text-decoration: none; width: 28px; } .currency ul li.current a{ background: #393939!important; color: #ddd; font:bold 13px/36px Bitter-Bold, Arial, Verdana, serif; } .currency ul li a:hover{ background:#222; text-decoration: none; } #top nav{ float: right; font:bold 11px/35px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0px -14px 0 0; } #top nav ul{ list-style: none; } #top nav ul li{ float: left; height: 35px; } #top nav ul li a{ color: #999; float: left; height: 35px; line-height: 35px; margin: 0; padding: 0 14px; position: relative; } #top nav ul li.current a{ background: #414141!important; color: #ddd; } #top nav ul li a:hover{ /*background: #222;*/ position: relative; text-decoration: none; color:#E62129 } /****************************************************************************** Header *******************************************************************************/ .topWrap { BACKGROUND: url(../images/-headbg.jpg) repeat-x center top; HEIGHT:104x;/* OVERFLOW: hidden*/ } .header { MARGIN: 0px auto; WIDTH: 1200px; HEIGHT:104px;/* OVERFLOW: hidden*/ } .h_top { FONT: 13px/26px "microsoft Yahei"; HEIGHT:26px; COLOR: #333;/* OVERFLOW: hidden*/ } .h_top SPAN { COLOR: #333 } .h_top SPAN A { PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: inline-block; COLOR: #333; PADDING-TOP: 0px } .h_c { HEIGHT: 100px;/* OVERFLOW: hidden*/ } .h_logo { MARGIN: 0 0px 0px; WIDTH:200px; HEIGHT:100px; OVERFLOW: hidden } .h_logo SPAN { WIDTH:200px; DISPLAY: block; HEIGHT: 100px; OVERFLOW: hidden; MARGIN-RIGHT: 2px } .h_logo SPAN IMG { WIDTH:200px; HEIGHT:80px; margin-top:10px } .h_logo H1 { DISPLAY: inline; FONT: 30px/85px "microsoft Yahei"; LETTER-SPACING: 0px; COLOR: #444 } .h_logo H1 I { DISPLAY: inline-block; FONT: bold 30px/85px "Microsoft Yahei"; LETTER-SPACING: 0px; COLOR: #d32e12 } .h_tel { MARGIN: 14px 0px 0px; WIDTH:290px; HEIGHT: 80px; OVERFLOW: hidden; position:relative } .h_tel P { DISPLAY: block; FONT: 14px Arial; FLOAT:left; HEIGHT:45px; line-height:100%; COLOR: #555; OVERFLOW: hidden; background:url(../images/tel.png) no-repeat left; padding-left:40px } .h_tel P SPAN { DISPLAY: inline; FONT: bold 24px "impact", Times, serif; COLOR: #E15616; OVERFLOW: hidden } .sou_r { HEIGHT: 29px; OVERFLOW: hidden; top:50px; position:absolute; right:0 } .inp01 { BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; OUTLINE-STYLE: none; PADDING-LEFT: 10px; WIDTH: 253px; DISPLAY: inline; FONT: 14px/29px arial; BORDER-TOP-STYLE: none; BACKGROUND: url(../images/sou1.gif) no-repeat left top; FLOAT: left; HEIGHT: 29px; COLOR: #646464; BORDER-LEFT-STYLE: none; OVERFLOW: hidden; outline:none; margin:0; } .inp02 { BORDER-RIGHT-WIDTH: 0px; OUTLINE-STYLE: none; WIDTH: 24px; BACKGROUND: url(../images/sou2.gif) no-repeat left top; FLOAT: left; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 29px; BORDER-LEFT-WIDTH: 0px;outline:none; margin:0 } /*Header寮€濮?/ #header{ position:relative; z-index:1000; width:100%;/* height:119px; border-bottom:1px solid #fff; background:url(../images/headerbg.jpg) repeat-x left bottom;*/} #header .top{ width:100%; height:30px;} #header .top ul{ width:1200px; height:30px; line-height:30px; margin:0 auto;} #header .logo{ width:1200px; height:80px; margin:0 auto; overflow:hidden;} #header .logo h1 img{ margin-top:10px; margin-left:20px; float:left} #header .logo ul{margin-right:22px; margin-top:-5px} #header .logo ul li{ float:left; margin-left:26px;} #header .logo ul li a{text-decoration:none;} #header .logo ul li a:hover{text-decoration:none; color:#E62129} #header .logo .cc{clear:both; width:278px; position:absolute; top:26px; right:18px;} #header .logo .cc li{ float:left} #header .logo .cc a{ text-decoration:none} #header .logo .cc a:hover{ color:#E62129} #header .top .bar{ color:#cccccc; float:right;} #header .top .bar a{ background:url(../images/topbar.jpg) no-repeat -5px top; color:#9c9c9c; height:30px; line-height:30px; padding:0 4px 0 22px; display:inline-block;} #header .top .bar a.txwb{ background-position:-3px top;} #header .top .bar a.xlwb{ background-position:-3px -30px;} #header .top .bar a.xlbk{ background-position:-5px -120px;} #header .top .bar a.scbz{ background-position:-3px -60px;} #header .top .bar a.wzdt{ background-position:-5px -90px;} #header .top .bar a.ywlj{ background:url(../images/engurl.png) no-repeat left center;} /******************鑿滃崟************/ .menuwrap{width:100%; height:41px; background:url(../images/-menubg.jpg) repeat-x left top #0618f9;} #menu {height:40px;width:1200px;margin:0 auto;background:url(../images/line.jpg) no-repeat right;position:relative;} #menu ul { padding:0; margin:0;} #menu li {display:inline;float:left;/*width:171px;*/height:41px;background:url(../images/line.jpg) no-repeat left} #menu li h2 {margin:0 auto;line-height:41px;overflow:hidden; /*width: 170px;*/ height: 41px;} #menu li h2 a {color:#fff;font-size:12px; position:relative;display:block; font-weight:bold; font-family:arial; line-height:40px;padding:0 16px 0 17px} #menu li h2 a:hover, #menu li:hover h2 a{color: #FF6600;} #menu li h2 a span{position:absolute; text-align: center;/*width:170px; */height:41px; margin-left:1px} #menu li h2 a span.out{top:0px;} #menu li h2 a span.over{ /*background: #f0f0f0;*/color: #ED2124;} #menu li h2 a span.cur{ /*background: #f0f0f0;color: #1A40A3;*/} #menu li h3 {width:170px;clear:both;background:#f0f0f0;padding:8px 0;overflow:hidden;position:absolute;top:41px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow:hidden;display:none;z-index:9999999999999999} #menu li h3 a {display:block;clear:both;color:#1A40A3;font-size:14px;height:38px;line-height:38px; text-align:center} #menu li h3 a:hover {color:#DA241C} #menu li h4 {width:300px;clear:both;background:#f0f0f0;padding:8px 0;overflow:hidden;position:absolute;top:40px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow:hidden;display:none; margin-top:1px;z-index:9999999999999999} #menu li h4 a {display:block;clear:both;color:#1A40A3;font-size:14px;height:38px;line-height:38px;padding-left:17px} #menu li h4 a:hover {color:#DA241C} #menu li h5 {width:1200px;clear:both;background:url(../images/xlbg.jpg) repeat-x bottom #FFF;padding:8px 0;overflow:hidden;position:absolute; left:0;top:40px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none; margin-top:1px; z-index:9999999999999999; border:#007DCD 1px solid; height:340px;} #menu li h5 a {display:block;float: left;color:#1A40A3;font-size:12px; height:170px;/*height:38px;line-height:38px;*/padding-left:40px;width:120px;} #menu li h5 a:hover {color:#DA241C} #menu li:hover h5{display:block} #menu li.on h2 {background:#f1f1f1} #menu li.on h2 a {color:#23268d;} /**********************************************/ .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;} /* banner */ .banner2{height:500px; width:100%;overflow:hidden;position:relative;} .banner2 .d1{width:100%;height:500px;display:block;position:absolute;left:0px;top:0px;} .banner2 .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:460px;} .banner2 .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -46px;display:inline;} .banner2 .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;} .banner2 .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;} /****************************************************************************** Slider *******************************************************************************/ #slider_body{ background: url(../img/bg_header.png) repeat center top; height: 428px; margin: 0; min-width: 1008px; overflow-x: hidden; } #slider_body img{ max-height: 369px; max-width: 984px; } #slider_body .slid_content{ left: -335px; position: absolute; top: 84px; } #slider_body .slid_content h2{ bottom: 0px; width: 335px; } #slider_body .slid_content p{ width: 335px; } #slider_body .slid_content .buy_now{ background: url(../img/buy_now.png) no-repeat center top; color: #f5f5f5; display: block; font:bold 13px/50px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 46px; margin: 10px 0 0 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 120px; } #slider_body .slid_content .buy_now:hover{ opacity: .8!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)!important; } #slider_body .anythingSlider { display: block; height: 369px!important; margin: 0 auto; overflow: visible !important; position: relative; width: 986px!important; } #slider_body .anythingWindow { border: 0 none; height: 100%; overflow: visible; position: relative; width: 100%; } #slider_body .anythingWindow #slider{ border: 0 none; height: 100%; list-style: none; width: 100%; } .anythingSlider .anythingBase { background: transparent; list-style: none; left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; } #slider_body .anythingWindow #slider .panel{ background: transparent; display: block; float: left; margin: 0; overflow: hidden; padding: 0 1px; position: relative; width: 984px!important; } #slider_body .arrow{ background: url(../img/slider_nav.png) no-repeat 0 0; cursor: pointer; display: block; height: 71px; left: -100px; margin: 0; position: absolute; text-indent: -9999px; top: 150px; width: 71px; z-index: 1; } #slider_body .arrow:hover{ background: url(../img/slider_nav.png) no-repeat 0 -71px; } #slider_body .arrow.forward{ background: url(../img/slider_nav.png) no-repeat 0 -142px; left: auto; right: -100px; } #slider_body .arrow.forward:hover{ background: url(../img/slider_nav.png) no-repeat 0 -213px; } #slider_body .anythingControls{ margin: 15px auto 0 auto; position: relative; text-align: center; } #slider_body .anythingControls ul { list-style: none; margin: 0; padding: 0; } #slider_body .anythingControls li { display: inline-block; *float: left; } #slider_body .anythingControls a{ background: #d6d6d6; border-radius: 9px; -moz-border-radius: 9px; -khtml-border-radius: 9px; behavior: url(PIE.htc); display: inline-block; height: 18px; margin: 0 2px; width: 18px; } #slider_body .anythingControls a span{ background: #fbfbfb; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; behavior: url(PIE.htc); display: inline-block; height: 10px; margin: 4px; text-indent: -9999px; width: 10px; } #slider_body .anythingControls a:hover{ background: #b3b3b3; } #slider_body .anythingControls a:hover span{ background: #f8f8f8; } #slider_body .anythingControls a.cur{ background: #adc1da; cursor: default; } #slider_body .anythingControls a.cur span{ background: #fff; } /****************************************************************************** Home banners *******************************************************************************/ #home_banners{ background: url(../img/bg_line.png) repeat center top; border-top:1px solid #ededed; height: 159px; margin: 0; padding: 0; } #home_banners .banner{ background: url(../img/home_ban1.png) no-repeat 0 50%; color: #707070; display: block; font:normal 17px/60px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 60px; margin: 50px 0 0 0; padding: 0 0 0 73px; text-decoration: none; text-transform: uppercase; } #home_banners .banner2{ background: url(../img/home_ban2.png) no-repeat 0 50%; } #home_banners .banner:hover{ opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } /****************************************************************************** Breadcrumbs *******************************************************************************/ .breadcrumbs{ background: url(../img/bg_line.png) repeat center top; border-top: 1px solid #eee; clear: both; font:normal 12px/37px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 37px; } .breadcrumbs a{ color: #707070; display: block; float: left; font:normal 12px/37px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; text-decoration: none; } .breadcrumbs span{ background: url(../img/breadcrumbs.png) repeat center top; color: #707070; display: block; float: left; height: 7px; margin: 16px 7px 0; min-width: 9px; } .breadcrumbs a:hover{ color: #707070; text-decoration: underline; } .breadcrumbs .current{ background: none; color: #999; font:normal 12px/37px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0; } /****************************************************************************** Main *******************************************************************************/ #main{ margin: 70px 0; } #main.page-login{ margin: 43px 0 70px; } #main.page-contact{ background: url(../img/map.png) no-repeat center bottom; margin: 70px 0 1px 0; padding: 0 0 350px 0; } #main.page-404{ margin: 70px 0 50px; } /****************************************************************************** Sidebar *******************************************************************************/ aside{ margin: 0 0 45px 0; } aside ul{ list-style: none; padding: 0; } .aside_title{ background: none; border-bottom: 8px solid #faf9f8; height: auto; margin: 0 0 22px 0; width: 100%; } .aside_title h3{ border-bottom: 1px solid #e9c7bd; color: #707070; font:bold 13px/16px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 13px 0 0; padding: 0 0 21px 0; } aside h4{ color: #444; font:normal 13px/13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0 0 20px 0; padding: 0; } aside h4.sub_title{ border-bottom: 1px solid #eee; color: #707070; font:bold 11px/11px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0 0 11px 0; padding: 0 0 12px 0; } /* right_menu */ #categories_nav .aside_title{ margin: 0 0 9px 0; } .right_menu ul li{ height: 33px; } .right_menu ul li a{ background: url(../img/bg_right_menu.png) no-repeat 0 50%; border: 0 none; color: #444; display: block; font:normal 12px/33px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 33px; padding: 0 0 0 16px; text-transform: uppercase; } .right_menu ul li:hover a{ background: #f5f5f5; color: #eb6447; } .right_menu ul li.current a{ background: #f5f5f5!important; color: #444!important; } /* what_new */ #what_new div{ text-align: center; padding: 0 10px 10px; } #what_new img{ display: block; margin: 0 auto 15px; } #what_new a{ color: #444; font:normal 12px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; text-decoration: none; text-transform: uppercase; } #what_new .prise{ padding: 2px 0 0 0; color: #eb6447; font: bold 12px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } #what_new a:hover{ text-decoration: underline; } /* shop_by */ .currently_shopping{ padding: 0 0 28px 0; } .currently_shopping p{ color: #444; font:normal 13px/13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0 0 26px 0; } .currently_shopping li { color: #eb6447; font:bold 12px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0px 0 2px 0; } .currently_shopping ul{ border-bottom: 1px solid #eee; margin: 0 0 10px 0; padding: 0px 0 12px 0; } .currently_shopping li span{ color: #444; font-weight: normal; margin: 0; } .currently_shopping li .close{ background: url(../img/close.png) no-repeat 0 0; display: block; float: left; height: 21px; margin: 0px 4px 0 0; width: 21px; } .currently_shopping li .close:hover{ opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } .currently_shopping .clear_all{ color: #707070; float: right; font:normal 13px/13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; text-decoration: none; } .currently_shopping .clear_all:hover { opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } #shop_by .check_opt{ padding: 0 0 25px 0; } #shop_by .check_opt.price{ padding: 0; } #shop_by .check_opt li a{ background: url(../img/bg_right_menu.png) no-repeat 0 50%; color: #444; font:normal 12px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 20px; margin: 0; padding: 0 0 0 16px; } #shop_by .check_opt li a:hover{ color: #EB6447; } /* specials */ .specials li{ padding: 10px 0; } .specials li+li{ border-top: 1px solid #eee; } .specials li .prev{ background: #f1f1f1; display: table-cell; height: 70px; line-height: 0; text-align: center; vertical-align: middle; width: 70px; //display:block; //height:auto; //margin-top: expression((35-parseInt(offsetHeight)/2) <0 ? "0" : 35-(parseInt(offsetHeight)/2) +'px') ; } .specials li .prev img{ height: 70px; width: 70px; max-height: 70px; max-width: 70px; } .specials li .cont{ display: table-cell; font:normal 12px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; padding: 5px 10px 0px; } .specials li .cont a{ color: #444; font:normal 12px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; text-decoration: none; } .specials li .cont a:hover{ text-decoration: underline; } .specials li .cont .prise{ color: #eb6447; font:normal 12px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; padding: 10px 0 0 0; } .specials li .cont .prise .old{ color: #777; text-decoration: line-through; } input.vote{ font:bold 13px/38px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 10px 0 0 0; width: 75px; } #community_poll h4{ border: 0 none; } #community_poll li{ color: #444; font:normal 12px/33px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 33px; text-transform: uppercase; } #community_poll li .niceRadio{ margin: 0 8px 0 0; vertical-align: middle; } /* compare_products */ #compare_products ul{ margin: 0 0 15px 0; } #compare_products li{ color: #444; font:normal 12px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; padding: 9px 0 10px 25px; text-transform: uppercase; } #compare_products li+li{ border-top: 1px solid #eee; } #compare_products .close{ background: url(../img/close.png) no-repeat 0 0; display: block; height: 21px; margin: 0px 0px 0 -25px; position: absolute; width: 21px; } #compare_products .close:hover{ opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } #compare_products button{ float: left; font: bold 13px/38px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0; width: 103px; } #compare_products a.clear_all{ color: #707070; float: right; font: normal 13px/38px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; text-decoration: none; } #compare_products a.clear_all:hover{ opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } /* newsletter_signup */ #newsletter_signup p{ font:normal 13px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } #newsletter_signup .newsletter{ padding: 10px 0 0 0; } #newsletter_signup .newsletter .your_email{ background: #fff; border-radius: 19px; -moz-border-radius: 19px; -khtml-border-radius: 19px; behavior: url(PIE.htc); border: 1px solid #ccc; color: #777; height: 36px; margin: 0 0 28px 0; width: 206px; } #newsletter_signup .newsletter #submit{ font:bold 13px/38px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; width: 116px; } /* banners */ #banners #list_banners{ overflow: hidden; } #banners .banner{ background: url(../img/bg_line.png) repeat center top; border:1px solid #eee; float: left; height: 228px; margin: 0px 0 0px 0px; text-align: center; width: 226px; } #banners .banner a{ text-decoration: none; } #banners .banner .prev{ display: table-cell; height: 134px; margin: 10px 0 0; vertical-align: middle; width: 226px; //display:block; //height:auto; //margin-top: expression((67-parseInt(offsetHeight)/2) <0 ? "0" : 67-(parseInt(offsetHeight)/2) +'px') ; } #banners .banner h2{ color: #707070; font: bold 17px/28px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0; padding: 0; text-transform: uppercase; } #banners .banner p{ color: #707070; font:normal 16px/28px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0; padding: 0; text-transform: uppercase; } #ban_pagination{ margin: 15px auto 0 auto; position: relative; text-align: center; } #ban_pagination a{ background: #d6d6d6; border-radius: 9px; -moz-border-radius: 9px; -khtml-border-radius: 9px; behavior: url(PIE.htc); display: inline-block; height: 18px; margin: 0 2px; width: 18px; } #ban_pagination a span{ background: #fbfbfb; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; behavior: url(PIE.htc); display: inline-block; height: 10px; margin: 4px; text-indent: -9999px; width: 10px; } #ban_pagination a:hover{ background: #b3b3b3; } #ban_pagination a:hover span{ background: #f8f8f8; } #ban_pagination a.selected{ background: #adc1da; } #ban_pagination a.selected span{ background: #fff; } /* tags */ #tags a{ color: #707070; font:normal 13px/26px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; text-decoration: none } #tags a:hover{ color: #eb6447; } #tags a.t1{ font-size: 18px; } #tags a.t2{ font-size: 13px; } #tags a.t3{ font-size: 20px; } #tags a.t4{ font-size: 11px; } #tags a.t5{ font-size: 13px; } #tags a.t6{ font-size: 22px; } #tags a.t7{ font-size: 12px; } #tags a.t8{ font-size: 17px; } #tags a.t9{ font-size: 13px; } #tags a.t10{ font-size: 20px; } #tags a.t11{ font-size: 12px; } #tags a.t12{ font-size: 20px; } #tags a.t13{ font-size: 15px; } #tags a.t14{ font-size: 13px; } #tags a.t15{ font-size: 16px; } #tags a.t16{ font-size: 13px; } #tags a.t17{ font-size: 27px; } /****************************************************************************** Sidebar right *******************************************************************************/ #sidebar_right{ margin-right: 0; } #checkout_progress{ margin: 22px 0 0 0; } #checkout_progress h3{ border-bottom: 1px solid #e0e0e0; color:#707070; font:bold 13px/13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0 0 16px 0; padding: 0 0 17px 0; } #checkout_progress ul{ list-style: none!important; padding: 0!important; } #checkout_progress ul li{ border-bottom: 1px solid #eee; color: #444; font:normal 13px/39px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 39px; text-transform: uppercase; } #checkout_progress ul li a { background: url(../img/edit.png) left center no-repeat; color: #777; float: right; font:normal 12px/39px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; padding: 0 0 0 16px; text-decoration: none; text-transform: none; } #checkout_progress ul li a:hover{ opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } /****************************************************************************** Content *******************************************************************************/ #content header{ background: none; border-bottom: 8px solid #f8f9fa; height: auto; margin: 0 0 40px 0; width: 100%; } h1.page_title{ border-bottom: 1px solid #bdd1e9; margin: 0; padding: 0 0 20px 0; } /* Options */ .options{ background: #f8f9fa; color: #777; font:normal 12px/38px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 47px; padding: 9px 10px 0 18px; } .show, .sort{ float: left; height: 38px; } .show{ border-right: 1px solid #e0e0e0; padding: 0 20px 0 0; } .show .selectBox{ margin: 0 5px; width: 70px; } .sort{ padding: 0 0 0 20px; } .sort .selectBox{ margin: 0 5px; width: 120px; } .sort a.sort_up{ color: #777!important; font:bold 12px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; text-decoration: none!important; } .sort a:hover.sort_up{ text-decoration: none; } .options .grid-list{ float: right; height: 38px; } .options .grid-list a.grid, .options .grid-list a.list{ border-radius: 19px; -moz-border-radius: 19px; -khtml-border-radius: 19px; behavior: url(PIE.htc); display: block; float: left; height: 38px; width: 38px; } .options .grid-list a.grid.current, .options .grid-list a.list.current{ background: #8aa7ca } .options .grid-list a.grid span, .options .grid-list a.list span{ background-image: url(../img/grid_list.png); background-position: 0 -16px; display: block; height: 16px; margin: 11px 0 0 11px; opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); text-indent: -9999px; width: 16px; } .options .grid-list a.list span{ background-position: 0 -48px; } .options .grid-list a.grid.current span{ background-position: 0 0; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .options .grid-list a.list.current span{ background-position: 0 -32px; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .options .grid-list a.grid:hover span, .options .grid-list a.list:hover span{ opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } /* Pagination */ .pagination{ height: 41px; text-align: center; } .pagination ul{ list-style: none; padding: 0; } .pagination li{ display: inline-block; *float: left; } .pagination li a, .pagination li span{ border: 1px solid #e0e0e0; color: #777; display: inline-block; font:normal 13px/39px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 39px; margin: 0 0 0 -3px; padding: 0 15px; text-decoration: none; } .pagination li+li+li a, .pagination li+li+li span{ border-left: 0 none; } .pagination li.prev a, .pagination li.next a{ border: 0 none; color: #444; font: bold 18px/39px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } .pagination li.prev a:hover, .pagination li.next a:hover{ background: none; color: #eb6447; } .pagination li.prev span, .pagination li.next span{ border: 0 none; font:bold 18px/39px Arial, Verdana, sans-serif; } .pagination li.next { border: 0 none; } .pagination li a:hover{ background: #fafafa; text-decoration: none; } .pagination li.curent a{ background: #f5f7f9; color: #eb6447; font-weight: bold; text-decoration: none; } .pagination_info{ color: #707070; font:normal 11px/11px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 20px 0 0!important; text-align: center; text-transform: uppercase; } /* Featured Products */ .product-title{ border-bottom: 1px solid #e0e0e0; font:normal 20px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; padding: 0 0 20px 0; text-transform: uppercase; } .products{ padding: 40px 0 30px 0; } /* Grid Products */ .products.catalog{ margin: 0 -12px; padding: 40px 0 1px; width: 756px; } .products article{ background: #fff; border:1px solid #ededed; border-radius: 1px; -moz-border-radius: 1px; -khtml-border-radius: 1px; behavior: url(PIE.htc); box-shadow: 0px 2px 2px #ededed; -moz-box-shadow: 0px 2px 2px #ededed; -webkit-box-shadow: 0px 2px 2px #ededed; margin: 0 11px 43px; } .products article:hover { border: 1px solid #e6e6e6; box-shadow: 0px 0px 4px 1px #e6e6e6; -moz-box-shadow: 0px 0px 4px 1px #e6e6e6; -webkit-box-shadow: 0px 0px 4px 1px #e6e6e6; } img.sale{ margin: -4px 0 0 -4px; position: absolute; z-index: 1; } .products article .prev{ background: #f5f5f5; height: 210px; margin: 8px 0 10px 9px; text-align: center; width: 210px; } .products article .prev a{ display: table-cell; height: 210px; text-align: center; vertical-align: middle; width: 210px; //display:block; //height:auto; //margin-top: expression((105-parseInt(offsetHeight)/2) <0 ? "0" : 105-(parseInt(offsetHeight)/2) +'px') ; } .products article .prev img{ height: 210px; max-height: 210px; max-width: 210px; width: 210px; } .products article h3.title{ background: url(../img/bg-title.png) no-repeat center bottom; color:#555; font:normal 12px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 55px; margin: 0; padding: 0 8px; text-align: center; text-transform: uppercase; } .products article .cart{ height: 60px; overflow: hidden; position: relative; width: 217px; } .products article .cart .price{ color:#ec6f54; font:normal 16px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 60px; left: 60px; margin: 0; padding: 0 8px; position: absolute; text-align: center; width: 92px; } .products article .cart .price .vert{ display: table-cell; height: 60px; vertical-align: middle; width: 92px; //display:block; //height:auto; //margin-top: expression((30-parseInt(offsetHeight)/2) <0 ? "0" : 30-(parseInt(offsetHeight)/2) +'px') ; } .products article .cart .price .price_old{ color:#999; font:normal 12px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0px 0 0 0; text-decoration: line-through; } .products article .cart .bay{ background: #ee7b62; border-radius: 19px; -moz-border-radius: 19px; -khtml-border-radius: 19px; behavior: url(PIE.htc); display: block; float: right; height: 27px; margin: 10px 0 0 0; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); padding: 11px 0 0 0; text-align: center; width: 38px; } .products article .cart .bay:hover{ background: #fa7a5f; background: -moz-linear-gradient(top, #fa7a5f 0%, #ce4a2e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa7a5f), color-stop(100%,#ce4a2e)); background: -webkit-linear-gradient(top, #fa7a5f 0%,#ce4a2e 100%); background: -o-linear-gradient(top, #fa7a5f 0%,#ce4a2e 100%); background: -ms-linear-gradient(top, #fa7a5f 0%,#ce4a2e 100%); background: linear-gradient(to bottom, #fa7a5f 0%,#ce4a2e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa7a5f', endColorstr='#ce4a2e',GradientType=0 ); box-shadow: 0px 0px 4px #fa7a5f; -moz-box-shadow: 0px 0px 4px #fa7a5f; -webkit-box-shadow: 0px 0px 4px #fa7a5f; } .products article .cart .obn, .products article .cart .like{ background: url(../img/obl.png) no-repeat 0 0; border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; behavior: url(PIE.htc); display: block; float: right; height: 30px; left: 220px; margin: 13px 0 0 0; position: absolute; width: 30px; } .products article .cart .obn:hover, .products article .cart .like:hover{ box-shadow: 0px 0px 4px #80a6d3; -moz-box-shadow: 0px 0px 4px #80a6d3; -webkit-box-shadow: 0px 0px 4px #80a6d3; } .products article .cart .like{ background: url(../img/like.png) no-repeat 0 0; left: 254px; } /* List Products */ .products_list{ margin: 43px 0 13px; } .products_list article{ background: #fff; border:1px solid #ededed; border-radius: 1px; -moz-border-radius: 1px; -khtml-border-radius: 1px; behavior: url(PIE.htc); box-shadow: 0px 2px 2px #ededed; -moz-box-shadow: 0px 2px 2px #ededed; -webkit-box-shadow: 0px 2px 2px #ededed; margin-bottom: 30px; } .products_list article .grid_3{ margin-left: 0; } .products_list article .prev{ padding: 8px; } .products_list article .prev a{ background: #f5f5f5; border: 0 none; display: table-cell; height: 210px; padding: 0; text-align: center; vertical-align: middle; width: 210px; //display:block; //height:auto; //margin-top: expression((105-parseInt(offsetHeight)/2) <0 ? "0" : 105-(parseInt(offsetHeight)/2) +'px') ; } .products_list article .prev img{ height: 210px; max-height: 210px; max-width: 210px; width: 210px; } .products_list article .grid_6{ margin: 0; width: 472px; } .products_list article .entry_content{ border-bottom:1px solid #ededed; height: 89px; padding: 20px 0 0 0; } .products_list article .entry_content a{ text-decoration: none; } .products_list article .entry_content h3.title{ color: #555; font:normal 16px/16px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0 0 25px 0; } .products_list article .entry_content p{ color: #707070; font:normal 12px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0; } a.more{ text-decoration: none; } a.more:hover{ text-decoration: underline!important; } .products_list article .price{ color: #ec6f54; float: left; font:normal 18px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 36px; margin: 0 20px 0 0; padding: 19px 0 0 0; } .products_list article .price .price_old{ color: #999; float: left; font:normal 15px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0; padding: 0 15px 0 0; } .products_list article .review{ float: left; height: 14px; padding: 19px 0 0 0; } .products_list article .review a{ background: url(../img/review.png) no-repeat 0 0 ; display: block; float: left; height: 14px; margin: 0 3px 0 0; width: 14px; } .products_list article .review a.plus, .products_list article .review a:hover{ background-position: 100% 0; } .products_list article .review a.plus_minus{ background-position: -14px 0; } .products_list article .review span{ color: #707070; float: left; font:normal 11px/14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 1px 0 0 7px ; } .products_list article .cart, article.product_page .cart{ clear: both; display: block; } .products_list article .cart a.bay, article.product_page .cart a.bay{ background: #eb6445; border-radius: 19px; -moz-border-radius: 19px; -khtml-border-radius: 19px; behavior: url(PIE.htc); color: #fff; display: block; float: left; font:bold 13px/40px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 38px; padding: 0 0 0 20px; text-align: left; text-decoration: none; text-transform: uppercase; width: 128px; } .products_list article .cart a.bay:hover, article.product_page .cart a.bay:hover{ background: #fa7a5f; background: -moz-linear-gradient(top, #fa7a5f 0%, #ce4a2e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa7a5f), color-stop(100%,#ce4a2e)); background: -webkit-linear-gradient(top, #fa7a5f 0%,#ce4a2e 100%); background: -o-linear-gradient(top, #fa7a5f 0%,#ce4a2e 100%); background: -ms-linear-gradient(top, #fa7a5f 0%,#ce4a2e 100%); background: linear-gradient(to bottom, #fa7a5f 0%,#ce4a2e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa7a5f', endColorstr='#ce4a2e',GradientType=0 ); box-shadow: 0px 0px 4px #fa7a5f; -moz-box-shadow: 0px 0px 4px #fa7a5f; -webkit-box-shadow: 0px 0px 4px #fa7a5f; } .products_list article .cart .bay img, article.product_page .cart .bay img{ margin: 0 7px 0 0; } .products_list article .cart a.obn, .products_list article .cart a.like, article.product_page .cart a.obn, article.product_page .cart a.like{ color: #444; float: left; font:normal 11px/30px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 5px 0 0px 20px; text-decoration: none; text-transform: uppercase; } .products_list article .cart .obn img, .products_list article .cart .like img, article.product_page .cart .obn img, article.product_page .cart .like img{ border-radius: 19px; -moz-border-radius: 19px; -khtml-border-radius: 19px; behavior: url(PIE.htc); margin: 0 5px 0 0; vertical-align: middle; } .products_list article .cart a.obn:hover img, .products_list article .cart a.like:hover img, article.product_page .cart a.obn:hover img, article.product_page .cart a.like:hover img{ box-shadow: 0px 0px 4px #80a6d3; -moz-box-shadow: 0px 0px 4px #80a6d3; -webkit-box-shadow: 0px 0px 4px #80a6d3; } /****************************************************************************** Product page *******************************************************************************/ .product_page{ margin: 43px -12px 0; position: relative; } /* Product images*/ .product_page .img_slid .sale { margin: -3px 0 0 -3px; } .product_page .img_slid .preview{ background: #fff; border:1px solid #ededed; border-radius: 1px; -moz-border-radius: 1px; -khtml-border-radius: 1px; behavior: url(PIE.htc); box-shadow: 0px 2px 2px #ededed; -moz-box-shadow: 0px 2px 2px #ededed; -webkit-box-shadow: 0px 2px 2px #ededed; margin: 0 0 20px 0; padding: 8px; width: 378px; } .product_page .img_slid .prev_bg{ background: #f5f5f5; display: table-cell; height: 378px; margin: 0; text-align: center; width: 378px; vertical-align: middle; //display:block; //height:auto; //margin-top: expression((189-parseInt(offsetHeight)/2) <0 ? "0" : 189-(parseInt(offsetHeight)/2) +'px') ; } .product_page .img_slid .prev_bg .zoomPad > img{ height: 378px; max-width: 378px; max-height: 378px; width: 378px; } .zoomPad{ cursor:crosshair; float:left; position:relative; } .zoomWindow{ background:#fff; border: 1px solid #CCC; height:auto; left: 410px!important; overflow: hidden; position:absolute; top:40px; z-index:6000; } .zoomPup { background: #fff; border: 1px solid #ccc; cursor: crosshair; opacity: .6; filter: alpha(opacity = 60); overflow: hidden; position: absolute; } .product_page .img_slid .caroufredsel_wrapper{ height: 80px!important; margin: 0 0 0 20px!important; width: 353px!important; } .product_page .img_slid .small_img{ border:0 none!important; height: 80px!important; list-style: none!important; padding:0 0 0 3px!important; margin: 0!important; } .product_page .img_slid .small_img li{ border: 0 none; float: left; height: 80px; margin: 0 10px 0 0; padding: 0 0 1px 0; width: 80px; } .product_page .img_slid .small_img li a{ background: #fff; border: 1px solid #efefef; height: 74px; float: left; padding: 2px; text-align: center; width: 74px; } .product_page .img_slid .small_img li a.zoomThumbActive{ border: 1px solid #dcdcdc; } .product_page .img_slid .small_img li a:hover{ background: none; } .product_page .img_slid .small_img li img{ height: 74px; max-width: 74px; text-align: center; width: 74px; } .product_page .img_slid .next_prev{ margin: 31px 0 0 0; position: absolute; width: 396px; } .product_page .img_slid .next_prev .arows{ float: left; height: 14px; margin: 0; width: 9px; } .product_page .img_slid .next_prev #img_next.arows{ float: right; } .product_page .img_slid .next_prev .arows span{ margin: 0; } .product_page .img_slid .next_prev #img_next.arows span{ background: url(../images/bg_arows.png) no-repeat -21px 0; } .product_page .img_slid .next_prev #img_next.arows:hover span{ background: url(../images/bg_arows.png) no-repeat -7px 0; } #pagination{ margin: 20px auto 0 auto; position: relative; text-align: center; } #pagination a{ background: #d6d6d6; border-radius: 9px; -moz-border-radius: 9px; -khtml-border-radius: 9px; behavior: url(PIE.htc); display: inline-block; height: 18px; margin: 0 2px; width: 18px; } #pagination a span{ background: #fbfbfb; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; behavior: url(PIE.htc); display: inline-block; height: 10px; margin: 4px; text-indent: -9999px; width: 10px; } #pagination a:hover{ background: #b3b3b3; } #pagination a:hover span{ background: #f8f8f8; } #pagination a.selected{ background: #adc1da; } #pagination a.selected span{ background: #fff; } /* Product content*/ .product_page .entry_content{ color: #191919; } .product_page .entry_content .soc{ float: right; margin: -2px 0 0 0; } .product_page .entry_content .review{ color: #191919; font:normal 11px/14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 14px; margin: 9px 0 20px 0; } .product_page .entry_content .review a{ background: url(../img/review.png) no-repeat 0 0; display: block; float: left; height: 14px; margin: 0 3px 0 0; width: 14px; } .product_page .entry_content .review a.plus, .product_page .entry_content .review a:hover{ background-position: 100% 0; } .product_page .entry_content .review a.plus_minus{ background-position: -14px 0; } .product_page .entry_content .review a.add_review{ background: none; color: #7698c1; display: inline; float: none; font:normal 11px/14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 14px; margin: 0; text-align: center; text-decoration: none; width: auto; } .product_page .entry_content .review a.add_review:hover{ opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } .product_page .entry_content .review span.separator{ color: #dadada; margin: 0 6px; } .product_page .entry_content .ava_price{ border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 24px 0; } .product_page .entry_content .ava_price .price{ color: #ec6f54; float: left; font:normal 36px/36px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; width: 250px; } .product_page .entry_content .ava_price .price .price_old{ color: #999; font:normal 15px/15px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0 0 15px 0; text-decoration: line-through; } .product_page .entry_content .ava_price .availability_sku{ color: #707070; float: left; font:normal 12px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } .product_page .entry_content .ava_price .availability span{ background: url(../img/gal.png) no-repeat 2px 50%; color: #6f8921; padding: 0 0 0 15px; } .product_page .entry_content .ava_price .sku span{ color: #444; } .product_page .entry_content .parameter_selection{ border-bottom: 1px solid #ededed; margin: 0 0 24px 0; padding: 24px 0; } .product_page .entry_content .parameter_selection select, .product_page .entry_content .parameter_selection .selectBox{ margin: 0 20px 0 0; width: 140px; } .product_page .entry_content p{ color:#222222; font-size:15px;font-family:'寰蒋闆呴粦'} .product_page .entry_content h2{ padding:0; margin:0; font-size:18px; font-family:'寰蒋闆呴粦'} /* Tabs */ #wrapper_tab{ clear: both; margin: 35px 0 40px 0; } #wrapper_tab a.tab_link{ background: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 1px 1px 0 0; -moz-border-radius: 1px 1px 0 0; -khtml-border-radius: 1px 1px 0 0; behavior: url(PIE.htc); color: #777; display: block; float: left; font:normal 16px/34px "寰蒋闆呴粦", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 34px; margin: 2px 5px 0 0; padding: 0 24px; position: relative; text-decoration: none; text-transform: uppercase; z-index: 1; outline:none } #wrapper_tab a.tab_link:hover{ background: #efefef; } #wrapper_tab.tab1 a.tab1, #wrapper_tab.tab2 a.tab2, #wrapper_tab.tab3 a.tab3, #wrapper_tab.tab4 a.tab4{ background: #fff; border: 2px solid #bdd1e9; border-bottom: 0 none; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -khtml-border-radius: 2px 2px 0 0; behavior: url(PIE.htc); color: #222222; cursor: default; font:bold 16px/36px "寰蒋闆呴粦", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 36px; margin: 0 4px 0 0; position: relative; text-decoration: none; z-index: 3; } #wrapper_tab div.tab_body { display:none; color:#222222; font:15px/26px "寰蒋闆呴粦", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } #wrapper_tab div.tab_body div { color:#222222; font:15px/26px "寰蒋闆呴粦", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } #wrapper_tab div.tab_body td { color:#222222; font:15px/26px "寰蒋闆呴粦", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } #wrapper_tab div.tab_body p { color:#222222; font:15px/26px "寰蒋闆呴粦", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } #wrapper_tab.tab1 div.tab1, #wrapper_tab.tab2 div.tab2, #wrapper_tab.tab3 div.tab3, #wrapper_tab.tab4 div.tab4{ border-top: 1px solid #bdd1e9; display:block; margin: -1px 0 0 0; padding: 34px 0 0 0; position: relative; z-index: 2; } /* Comments */ .comments{ list-style: none; margin: 0; padding: 0; } .comments li+li{ border-top: 1px solid #e0e0e0; padding: 20px 0 0px 0; } .comments li .autor{ color: #444; float: left; font:normal 14px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; text-transform: uppercase; } .comments li time{ color: #777; font:normal 12px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } .evaluation{ clear: both; padding: 15px 0; } .evaluation .quality, .evaluation .price{ border-right: 1px solid #e0e0e0; color: #777; float: left; font-size: 12px; height: 14px; line-height: 14px; margin: 0 16px 0 0; padding: 0 13px 0 0; } .evaluation .price{ border-right: 0 none; } .evaluation .quality span, .evaluation .price span{ color: #777; float: left; font-size: 12px; line-height: 14px; margin: 0 10px 0 0; } .evaluation .quality a, .evaluation .price a { background: url(../img/review.png) no-repeat 0 0; display: block; float: left; height: 14px; margin: 0px 3px 0 0; width: 14px; } .evaluation .quality a.plus, .evaluation .price a.plus { background-position: 100% 0; } .evaluation .quality a.plus_minus, .evaluation .price a.plus_minus { background-position: 50% 0; } .add_comments{ padding: 23px 0 0 0; } .add_comments strong{ color: #707070; } .add_comments .evaluation{ height: 30px; margin: -5px 0 38px 0; padding: 0; } .add_comments .evaluation .quality, .add_comments .evaluation .price{ border-right: 1px solid #e0e0e0; color: #777; float: left; font-size: 12px; height: 16px; line-height: 15px; margin: 0 16px 0 0; padding: 0 12px 0 0; } .add_comments .evaluation .price{ border: 0 none; } .add_comments sup{ color: #ec7259; margin: 0 15px 0 3px; } .add_comments .evaluation .niceRadio{ float: none; margin: 0 4px 0 0; } .add_comments .evaluation .eva_num{ color: #999; font:normal 11px/11px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 21px 0 0 -15px; position: absolute; } .add_comments input[type="text"], .add_comments input[type="email"], .add_comments textarea{ margin: 10px 0 0 0; } .add_comments .nickname{ float: left; } .add_comments .your_review{ clear: left; float: left; margin: 20px 0 0 0; } .add_comments .nickname input, .add_comments .your_review input{ width: 343px; } .add_comments .text_review{ float: right; margin: 0; } .add_comments .text_review textarea{ clear: right; height: 115px; margin: 10px 0 5px 0; width: 540px; } .add_comments .text_review i{ color: #999; font-size: 12px; } .add_comments input[type="submit"]{ margin: 30px 0 0 0; width: 143px; font:bold 13px/40px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } /*** Related Products ***/ .related{ margin: 0 -12px; width: 1008px!important; } .related .c_header { border-bottom: 1px solid #E0E0E0; height: 50px; margin: 0 12px 42px; } .related .c_header { border-bottom: 1px solid #E0E0E0; height: 50px; margin: 0 12px 42px; } .related_list .caroufredsel_wrapper { height: 350px!important; } .related_list ul#listing{ height: auto!important; margin: 0; padding: 3px 0 0 0!important; } /****************************************************************************** Login page *******************************************************************************/ .new_customers{ margin-left: 0; margin-top: 23px; } .new_customers p{ margin-bottom: 30px!important; } .new_customers button.account{ font: bold 13px/40px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; width: 174px; } .registed_form{ margin-right: 0; } form.registed{ background: #fff; border: 1px solid #ededed; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; behavior: url(PIE.htc); box-shadow: 0px 1px 3px 1px #ededed; -moz-box-shadow: 0px 1px 3px 1px #ededed; -webkit-box-shadow: 0px 1px 3px 1px #ededed; margin: 0; padding: 20px; } form.registed strong{ color: #707070; font: bold 13px/13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } form.registed sup{ color: #eb6447; margin: 0 3px; } form.registed input[type="text"], form.registed input[type="email"]{ margin: 5px 0 13px 0; width: 416px; } form.registed .remember .niceCheck{ margin: 0 3px 0 0; } form.registed .remember span.rem{ color: #777; font:normal 12px/17px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } form.registed .submit { color: #eb6447; font:normal 12px/38px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 38px; margin: 30px 0 0 0; } form.registed .submit input[type="submit"]{ float: left; font:bold 13px/40px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin:0 142px 0 0; width: 78px; } form.registed a.forgot{ color: #7698c1; font-size: 12px; line-height: 38px; margin: 0 15px 0 0; } /****************************************************************************** Shopping Cart *******************************************************************************/ table.cart_product{ border-left: 0 none; border-right: 0 none; color: #707070; margin: 0 0 46px 0;; } table.cart_product th{ color: #707070!important; font: bold 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 49px; padding: 0; } table.cart_product td{ height: auto; padding: 30px 0 0 0; vertical-align: top; } table.cart_product .name{ color: #444; font-size: 13px; padding: 0 20px; text-align: left; width: auto; } table.cart_product .edit{ width: 92px; } table.cart_product .edit a{ background: url(../img/edit.png) left center no-repeat; color: #707070; padding: 0 0 0 16px; text-decoration: none; } table.cart_product .edit a:hover{ opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } table.cart_product .price{ width: 110px; } table.cart_product .qty{ width: 90px; } table.cart_product .subtotal{ width: 110px; } table.cart_product .close{ border-right: 0 none; width: 50px; } table.cart_product a.close { background: url(../img/close.png) no-repeat 0 0; height: 20px; display: block; margin: 0 auto; width: 20px; } table.cart_product a.close:hover{ opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } table.cart_product td.images{ padding: 20px 20px 20px 0; vertical-align: middle; text-align: center; width: 110px; } table.cart_product td.images img{ height: 110px; width: 110px; max-height: 110px; max-width: 110px; } table.cart_product td.name{ padding: 30px 20px; text-align: left; } table.cart_product td.qty{ padding: 20px 0 0 0; } table.cart_product td.qty input{ color: #707070; font-size: 12px; width: 30px; } table.cart_product .cart_but{ border-right: 0 none; padding: 18px 0 ; } table.cart_product .cart_but a{ color: #7698c1; display: block; float: left; font: normal 11px/11px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; padding: 0; text-decoration: none; text-transform: uppercase; } table.cart_product .cart_but a.update{ float: right; line-height: 12px; } table.cart_product .cart_but a:hover{ opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } table.cart_product .cart_but a img{ vertical-align: top; } #cart_forms{ margin: 0 -12px 70px; width: 1008px; } .bottom_block.estimate{ height: auto; padding: 20px; } #cart_forms .bottom_block h3{ font: normal 18px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; text-transform: none; } #cart_forms .bottom_block p{ font: normal 12px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0 0 25px 0; } #cart_forms .bottom_block strong{ color: #707070; font: bold 13px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } #cart_forms .bottom_block sup{ color: #ec7259; margin: 0 0 0 3px; } select.bottom-index, .selectBox.bottom-index { z-index: 3; } .bottom_block.estimate .selectBox{ margin: 5px 0 0 0; width: 252px; } .bottom_block.estimate input[type="text"]{ margin: 5px 0 0 0; width: 248px; } .bottom_block.estimate input[type="submit"]#get_estimate{ font:bold 13px/40px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0px 0 0 0; width: 124px; } .bottom_block.discount, .bottom_block.total{ min-height: 192px; padding: 20px; } .bottom_block.discount input[type="text"]{ margin: 5px 0 0 0; width: 248px; } .bottom_block.discount input[type="submit"]#apply_coupon{ font:bold 13px/40px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 5px 0 0 0; width: 137px; } .bottom_block.total{ border: 1px solid #e0e0e0; text-align: right; } .bottom_block.total .subtotal{ border: 0 none; border-collapse: collapse; font: normal 13px/13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0; text-align: right; width: 100%; } .bottom_block.total .subtotal td{ border: 0 none; border-collapse: collapse; height: 30px; vertical-align: top; } .bottom_block.total .subtotal .grand_total{ color: #444; font:normal 18px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } .bottom_block.total .subtotal td.price{ color: #eb6447; font-weight: bold; min-width: 97px; } .bottom_block.total button.checkout{ background: #eb6447; border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; behavior: url(PIE.htc); float: right; font:bold 15px/50px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 50px; margin: 20px 0; padding: 0; width: 255px; } .bottom_block.total button.checkout:hover{ background: #fa7a5f; background: -moz-linear-gradient(top, #fa7a5f 0%, #ce4a2e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa7a5f), color-stop(100%,#ce4a2e)); background: -webkit-linear-gradient(top, #fa7a5f 0%,#ce4a2e 100%); background: -o-linear-gradient(top, #fa7a5f 0%,#ce4a2e 100%); background: -ms-linear-gradient(top, #fa7a5f 0%,#ce4a2e 100%); background: linear-gradient(to bottom, #fa7a5f 0%,#ce4a2e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa7a5f', endColorstr='#ce4a2e',GradientType=0 ); box-shadow: 0px 0px 4px #fa7a5f; -moz-box-shadow: 0px 0px 4px #fa7a5f; -webkit-box-shadow: 0px 0px 4px #fa7a5f; } .bottom_block.total button.checkout img{ margin: 16px 0 0 20px; position: absolute; } .bottom_block.total a{ color: #707070; font-size: 12px; } #following .c_header h5{ line-height: 50px; padding: 0; } /****************************************************************************** Contact Us *******************************************************************************/ .adress{ margin-left: 0; padding: 5px 0 0 0; } .adress h3{ font-size: 18px; margin: 25px 0 20px 0; } .adress p{ font-size: 12px; margin: 0px 0 25px 0!important; } .adress p span{ color: #707070; } .adress p span.mail{ color: #7698c1; } .form{ margin-right: 0; } .form strong{ font-size: 13px; } .form sup{ color: #eb6447; margin: 0 3px; } form.contact { background: #fff; border: 1px solid #eee; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; behavior: url(PIE.htc); box-shadow: 0px 0px 4px 1px #eee; -moz-box-shadow: 0px 0px 4px 1px #eee; -webkit-box-shadow: 0px 0px 4px 1px #eee; margin: 0px 0 0 0; padding: 19px; } form.contact input[type="text"], form.contact input[type="email"]{ margin: 5px 0 20px 0; width: 417px; } form.contact textarea{ height: 109px; margin: 5px 0 30px 0; width: 417px; } form.contact input[type="submit"]{ font:bold 13px/40px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0px 0 0px 0; width: 88px; } form.contact .field { color: #eb6447; float: right; font: normal 12px/35px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 35px; margin: 0px 0 0 0; text-align: right; width: 140px; } /****************************************************************************** Compare Products *******************************************************************************/ .compare{ border: 0 none; margin: -6px 0 0 0; text-align: center; } .compare td{ color: #444; font:normal 12px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 34px; padding: 15px 20px; text-align: center; vertical-align: top; } .compare td:nth-child(even), .compare th:nth-child(even){ background-color:#fbfbfb; } .compare .bg th:nth-child(even){ background-color:#fbfbfb; background-image: url(../img/bg_line.png); background-position: center top; background-repeat: repeat; } .compare tr .desc{ color: #444!important; font:bold 13px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif!important; padding: 15px 0 0 20px; text-align: left!important; text-transform: uppercase; vertical-align: top!important; width: 135px; } .compare tr.close_top td{ background: none; border-right: 0 none; height: auto; padding: 0 0 8px; } .compare tr.close_top a.close { background: url(../img/close.png) no-repeat 0 0; display: block; height: 20px; margin: 0 auto; width: 20px; } .compare tr.close_top a.close:hover { opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } .compare tr.name th{ color: #707070; font:bold 12px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: auto; padding: 15px 20px; text-transform: uppercase; vertical-align: top; } .compare tr.images td{ padding: 20px; vertical-align: middle; } .compare tr.images a{ background: #fff; border: 1px solid #e0e0e0; border-radius: 1px; -moz-border-radius: 1px; -khtml-border-radius: 1px; behavior: url(PIE.htc); display: block; height: 110px; margin: 0 auto 0; padding: 4px; width: 110px; } .compare tr.images a div{ background: #f6f6f6; display: block; height: 110px; width: 110px; } .compare tr.images img{ height: 110px; max-height: 110px; max-width: 110px; width: 110px; } .compare tr.prise td{ color: #eb6447; font:normal 18px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; vertical-align: middle; } .compare tr.prise td .price_old{ color: #777; font:normal 14px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; text-decoration: line-through; } .compare tr.brand td{ vertical-align: middle; } .compare tr.availbility td{ color: #6f8921; vertical-align: middle; } .compare tr.rating td{ vertical-align: middle; } .compare tr.rating td .quality{ height: 14px; margin: 0 auto; padding: 0; width: 80px; } .compare tr.rating td .quality a { background: url(../img/review.png) no-repeat 0 0; display: block; float: left; height: 14px; margin: 0px 2px 0 0; width: 14px; } .compare tr.rating td .quality a.plus{ background-position: 100% 0; } .compare tr.rating td .quality a.plus_minus{ background-position: 50% 0; } .compare tr.description td{ text-align: left; } .compare tr.add_cart td button.add{ font:bold 13px/40px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0 auto; width: 148px; } .compare tr.add_cart td button.add img{ margin: 0 8px 0 0; } .compare tr.close_botttom td{ background: none; border: 0 none; height: auto; padding: 7px 0 0; } .compare tr.close_botttom a.close { background: url(../img/close.png) no-repeat 0 0; display: block; height: 20px; margin: 0 auto; width: 20px; } .compare tr.close_botttom a.close:hover{ opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } /****************************************************************************** Page-404 *******************************************************************************/ #main.page-404 a{ color: #7698c1; } .left_404{ text-align: center; } .left_404 h1.text_404{ color: #7698c1; font:bold 100px/70px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0 0 18px 0; } .left_404 h6{ color: #eb6447; font-size: 12px; } .left_404 img{ margin: 24px 0 0 0; } /****************************************************************************** Checkout *******************************************************************************/ #checkout_info{ margin-left: 0; padding: 3px 0 0 0; } #checkout_info ul.checkout_list{ list-style: none!important; padding: 0!important; } ul.checkout_list > li{ box-shadow: 0px 1px 3px 1px #ededed; -moz-box-shadow: 0px 1px 3px 1px #ededed; -webkit-box-shadow: 0px 1px 3px 1px #ededed; } ul.checkout_list > li+li{ margin: 10px 0 0; } ul.checkout_list li .list_header{ border: 1px solid #ededed; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; behavior: url(PIE.htc); color: #999; display: block; font:normal 18px/49px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 49px; margin: 0; padding: 0 22px; text-decoration: none; text-transform: uppercase; } ul.checkout_list li a.list_header{ background: url(../img/bg_line.png) repeat center top; cursor: pointer; } ul.checkout_list li .list_header .number{ color: #d5d5d5; float: right; font:bold 18px/49px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } ul.checkout_list li .list_body{ display: none; } ul.checkout_list li.active .list_header{ background: url(../img/bg_line.png) repeat center top; border-bottom: 1px solid #f2f2f2; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -khtml-border-radius: 2px 2px 0 0; behavior: url(PIE.htc); color: #444; } ul.checkout_list li.active .list_header .number{ color: #eb6447; } ul.checkout_list li.active .list_body{ border: 1px solid #ededed; border-top:0 none; border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -khtml-border-radius: 0 0 2px 2px; behavior: url(PIE.htc); display: block; padding: 27px 20px 20px; text-decoration: none; } ul.checkout_list li.active .list_body form{ float: left; width: 334px; } ul.checkout_list li.active .list_body form.login{ float: right; } ul.checkout_list li.active .list_body form h3{ border-bottom: 1px solid #e0e0e0; font:bold 13px/13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0 0 16px 0; padding: 0 0 14px 0; } ul.checkout_list li.active .list_body form.checkout_or ul.radio{ list-style: none!important; padding: 0 0 20px 38px!important; } ul.checkout_list li.active .list_body form.checkout_or ul.radio li{ line-height: 16px; margin: 0 0 4px 0; } ul.checkout_list li.active .list_body form.checkout_or ul.radio .niceRadio{ margin: 0 4px 0 0; } ul.checkout_list li.active .list_body form.checkout_or input[type="submit"]{ font:bold 13px/40px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 10px 0 0 0; width:106px; } form.registed strong{ color: #707070; font: bold 13px/13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } ul.checkout_list li.active .list_body form.login input[type="text"], ul.checkout_list li.active .list_body form.login input[type="email"]{ margin: 5px 0 13px 0; width: 312px; } ul.checkout_list li.active .list_body form.login strong{ color: #707070; } ul.checkout_list li.active .list_body form.login .remember{ color: #777; } ul.checkout_list li.active .list_body form.login .remember .niceCheck{ margin: 0 3px 0 0; } ul.checkout_list li.active .list_body form.login .submit { color: #eb6447; font:normal 12px/35px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 38px; margin: 30px 0 0 0; text-align: right; } ul.checkout_list li.active .list_body form.login .submit input[type="submit"]{ float: left; font:bold 13px/40px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin:0; width: 78px; } ul.checkout_list li.active .list_body form.login a.forgot{ color: #7698c1; font-size: 12px; line-height: 38px; margin: 0 13px 0 0; } /****************************************************************************** Blog *******************************************************************************/ article.post{ background: #fff; border: 1px solid #ededed; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; behavior: url(PIE.htc); box-shadow: 0px 1px 3px 1px #ededed; -moz-box-shadow: 0px 1px 3px 1px #ededed; -webkit-box-shadow: 0px 1px 3px 1px #ededed; margin: 0 0 30px 0; padding: 20px; } article.post h2{ margin-bottom: 23px; } article.post h2 a{ color: #555; font:normal 20px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; text-decoration: none; } article .content_article{ border-bottom: 1px solid #ededed; color: #707070; margin: 0 0 16px; } article.post .content_article{ padding: 0 0 20px 0; } article .content_article a.more{ color: #7698c1; font:normal 12px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; text-transform: uppercase; } article .footer_article{ color: #707070; font:normal 11px/11px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; text-transform: uppercase; } article .footer_article .number_c{ background: url(../img/comments.png) left top no-repeat; color: #707070; float: right; font:normal 11px/11px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 12px; padding: 0 0 0 19px; text-transform: uppercase; } article.post + .pagination{ padding-top: 13px; } article.view_post{ border-bottom: 1px solid #e0e0e0; } /****************************************************************************** Comments blog *******************************************************************************/ .comments_blog{ margin: 70px 0; } .comments_blog .comments li{ border-top: 0 none!important; border-bottom: 1px solid #e0e0e0; min-height: 85px; } .comments_blog .comments .avatar{ float: left; height: 85px; margin: 0 22px 22px 0; width: 85px; } .comments_blog .comments .autor{ color: #707070; font: normal 11px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } .comments_blog .comments .avatar img{ height: 85px; width: 85px; max-height: 85px; max-width: 85px; } .comments_blog .comments p{ margin-top: 5px!important; } #add_comments_blog .nickname, #add_comments_blog .your_review, #add_comments_blog .text_review{ float: none; margin: 20px 0 0 0; } #add_comments_blog input[type="submit"]{ width: 157px; } /****************************************************************************** Top button *******************************************************************************/ #top_button{ margin: 0 0 65px 0; } .button_block{ color: #777; border: 1px solid #e0e0e0; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; behavior: url(PIE.htc); display: block; height: 101px; padding: 0; text-decoration: none; width: 312px; } .button_block img{ border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; behavior: url(PIE.htc); } a:hover.button_block{ border: 1px solid #ccc; text-decoration: none } .best_price{ background: url(../images/best_price.png) no-repeat 13px 50%; } .new_smells{ background: url(../images/new_smells.png) no-repeat 13px 50%; } .only_natural{ background: url(../images/only_natural.png) no-repeat 13px 50%; } /****************************************************************************** Brands *******************************************************************************/ .c_header{ border-bottom: 1px solid #e8e8e8; height: 36px; margin: 0 12px 36px; } .c_header .grid_10{ margin-left:0; } .c_header .grid_2{ margin-right:0; } .c_header h2{ font-size: 20px; margin: 0px 0 0 0; text-transform: uppercase; } .arows{ display: block; float: right; height: 13px; margin: 0px 0 0 17px; padding: 1px; text-align: center; text-decoration: none; width: 7px; } .arows span{ background: url(../images/bg_arows.png) no-repeat -14px 0; display: block; height: 13px; margin: 0; text-indent: -9999px; width: 7px; } .arows.next span{ background: url(../images/bg_arows.png) no-repeat -21px 0; } .arows:hover span{imagesimg/bg_arows.png) no-repeat 0 0; } .arows.next:hover span{ background: url(../images/bg_arows.png) no-repeat -7px 0; } .brands_list{ height: 102px; margin: 0 0 70px 0; } .brands_list .caroufredsel_wrapper{ height: 102px!important; } #listing{ list-style: none; height: 102px!important; padding: 0; } #listing li{ float: left; position: relative; } .brands_list li a{ border:1px solid #f0f0f0; border-radius: 50px; -moz-border-radius: 50px; -khtml-border-radius: 50px; behavior: url(PIE.htc); display: block; height: 100px; margin: 0 0 0 20px; opacity: .75; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); text-align: center; width: 100px; } .brands_list li a:hover { border:2px solid #e5e5e5; border-radius: 49px; -moz-border-radius: 49px; -khtml-border-radius: 49px; behavior: url(PIE.htc); box-shadow: 0px 0px 2px 1px #ededed; -moz-box-shadow: 0px 0px 2px 1px #ededed; -webkit-box-shadow: 0px 0px 2px 1px #ededed; height: 98px; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); width: 98px; } .brands_list li a div{ display: table-cell; height: 98px; vertical-align: middle; width: 98px; //display:block; //height:auto; //margin-top: expression((49-parseInt(offsetHeight)/2) <0 ? "0" : 49-(parseInt(offsetHeight)/2) +'px') ; padding: 1px; } .brands_list li a:hover div{ padding: 0px; } .brands_list li a img{ margin: 0 0 -5px 0; } /****************************************************************************** Content bottom *******************************************************************************/ #content_bottom{ margin: 0; } .bottom_block{ background: url(../img/bg_line.png) repeat center top; border:1px solid #f2f2f2; line-height: 18px; min-height: 250px; padding: 15px 20px 20px; } .bottom_block h3{ font:normal 18px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0 0 24px 0; } .bottom_block p{ font:normal 13px/20px Segoeui, Arial, Verdana, serif; color: #777; margin:0 0 25px; } .news ul{ list-style: none; padding: 0; } .news ul li{ font:normal 13px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; list-style: none; margin: 0 0 25px 0; } .news ul li a{ color: #587fae; text-decoration: none; } .news ul li a:hover{ text-decoration: underline; } .news ul time{ clear: both; color: #707070; display: block; font:italic 12px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } /****************************************************************************** Footer *******************************************************************************/ footer ul{ padding: 0; } .footer_navigation{ background: url(../img/bg_header.png) repeat center top; border-top: 1px solid #ededed; border-bottom: 1px solid #f2f2f2; height: 296px; padding: 60px 0 0 0; } .footer_navigation .grid_3{ height: 178px; } .footer_navigation h3{ border-bottom: 1px solid #e0e0e0; font:normal 18px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0 0 22px 0; padding: 0 0 10px 0; text-transform: uppercase; } ul.f_contact li{ background: url(../img/li_adr.png) no-repeat 3px 50%; color: #707070; font: 13px/24px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 24px; list-style: none; margin: 0 0 5px 0; padding: 0 0 0 25px; } ul.f_contact li+li{ background: url(../img/li_phone.png) no-repeat 0px 50%; } ul.f_contact li+li+li{ background: url(../img/li_let.png) no-repeat 0px 50%; } .footer_navigation nav.f_menu ul{ list-style: none; } .footer_navigation nav.f_menu ul a{ color: #707070; font: 13px/24px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; } .footer_navigation nav.f_menu ul a:hover{ color: #444; text-decoration: underline; } .footer_navigation .newsletter-payments{ background: #fff; height: 77px; margin: 0; padding: 0 12px; } .footer_navigation .newsletter{ border-right: 1px solid #f2f2f2; float: left; height: 77px; width: 731px; } .footer_navigation .newsletter .icon-mail{ background: url(../img/icon-mail.png) no-repeat left center; float: left; font: normal 17px/77px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 77px; padding: 0 0 0 47px; width: 110px; } .footer_navigation .newsletter p{ color: #707070; float: left; font: normal 12px/77px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; height: 77px; width: 316px; } .footer_navigation .newsletter form{ float: left; margin: 19px 0 0 0; } .footer_navigation .newsletter form input[type="email"]{ border:1px solid #d5d5d5; padding: 0 25px 0 15px; width: 185px; } .footer_navigation .newsletter form input[type="email"]:hover{ border: 1px solid #f8cac0; box-shadow: 0px 0px 4px 1px #f8cac0; -moz-box-shadow: 0px 0px 4px 1px #f8cac0; -webkit-box-shadow: 0px 0px 4px 1px #f8cac0; outline:none; } .footer_navigation .newsletter form input[type="email"]:focus{ border: 1px solid #dbdee2; border-top: 1px solid #cbd0d6; border-bottom: 1px solid #eaecef; box-shadow: inset 1px 3px 4px #cbd0d6; -moz-box-shadow: inset 1px 3px 4px #cbd0d6; -webkit-box-shadow: inset 1px 3px 4px #cbd0d6; outline:none; } .footer_navigation .newsletter form input[type="submit"]{ background: url(../img/newsletter_button.png) no-repeat 4px 50%; border:0 none; border-radius: 0 19px 19px 0; -moz-border-radius: 0 19px 19px 0; -khtml-border-radius: 0 19px 19px 0; behavior: url(PIE.htc); box-shadow: 0; -moz-box-shadow: 0; -webkit-box-shadow: 0; margin: 1px 0 0 200px; padding: 0; position: absolute; width: 25px; } .footer_navigation .newsletter form input[type="submit"]:hover{ background: url(../img/newsletter_button.png) no-repeat 4px 50%; border: 0 none; box-shadow: 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; } .footer_navigation .payments{ float: left; padding: 22px 0 0 24px; } .footer_info{ background: #A7A7A7; height: 290px; } .footer_info p.copyright{ color: #999; font: 12px/70px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif; margin: 0; } .soc{ margin: 19px 0 0 0; } .soc a{ background-image: url(../img/bg_soc.png); background-repeat: no-repeat; background-position: 0 0; display: block; float: right; height: 31px; margin: 0 0 0 8px; opacity: .85; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); width: 31px; } .soc a.facebook{ background-position: 0 0; } .soc a.twitter{ background-position: -31px 0; } .soc a.google{ background-position: -62px 0; } .soc a:hover.facebook, .soc a:hover.twitter, .soc a:hover.google{ opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } /****************************************************************************** Form style *******************************************************************************/ .form_style{ margin: 0 -12px; } .form_style input[type="text"], .form_style select, .form_style .selectBox{ width: 210px; } .form_style textarea{ width: 458px; } .form_style input[type="submit"]{ float: left; margin: 0 22px 0 0; width:92px; } /****************************棣栭〉浜у搧S*/ .main_wrap{width:1100px;margin:0 auto} .floor{height:565px}.floor .hd{height:88px;overflow:hidden}.floor .hd h2{color:#333;height:30px;margin-top:38px;font:400 28px/30px \5FAE\8F6F\96C5\9ED1}.floor .icon_split{display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:5px;height:25px;margin:0 10px;background-position:-290px 0;position:relative;top:2px;*top:5px}.floor .content_wrap{height:470px;position:relative}.floor .content_wrap .product{display:block;position:absolute}.floor .content_wrap .product:hover{text-decoration:none}.floor .content_wrap .product img{display:block;width:100%}.floor .content_wrap .product .hidden{display:none}.floor_1 .product{width:230px;height:230px}.floor_1 .product_1{width:380px;height:470px;top:0;left:0}.floor_1 .product_2,.floor_1 .product_3,.floor_1 .product_4{top:0}.floor_1 .product_5,.floor_1 .product_6{top:240px}.floor_1 .product_2,.floor_1 .product_5{left:390px}.floor_1 .product_3,.floor_1 .product_6{left:630px}.floor_1 .product_4{left:870px;height:470px}.floor_2 .product{width:230px;height:230px}.floor_2 .product_1,.floor_2 .product_2,.floor_2 .product_3,.floor_2 .product_4{top:0}.floor_2 .product_4{width:470px;height:470px;left:720px}.floor_2 .product_5,.floor_2 .product_6{top:240px}.floor_2 .product_2{left:240px}.floor_2 .product_3,.floor_2 .product_6{left:480px}.floor_2 .product_5{width:470px}.floor_3 .product{width:230px;height:230px}.floor_3 .product_1,.floor_3 .product_2,.floor_3 .product_3{top:0}.floor_3 .product_4,.floor_3 .product_5,.floor_3 .product_6{top:240px}.floor_3 .product_2{width:470px;height:470px;left:240px}.floor_3 .product_3,.floor_3 .product_5{left:720px}.floor_3 .product_3{width:470px}.floor_3 .product_6{left:960px} /****************************棣栭〉浜у搧E*/ /*宸﹁竟鑿滃崟*/ #borderlinks a{ display: block; width: 233px; height:46px; line-height:46px; color: #333333; font-weight:bold; font-size:14px; text-align:left; text-indent:20px; font-family:'寰蒋闆呴粦'; background:url(../images/l_of.png) no-repeat bottom left; text-decoration: none; border-bottom: 0px solid white; } #borderlinks a:hover{ border-bottom: 0px solid #CCCCCC; background:url(../images/l_on.png) no-repeat bottom left; color:#E62028; height:46px; line-height:46px; /*background-color:yellow;*/ } #borderlinks .cure{ background:url(../images/l_on.png) no-repeat bottom left; color:#FFE6A9; height:46px; line-height:46px; /*background-color:yellow;*/ } #borderlinks .smenu a{ text-indent:20px; display: block; width: 233px; height:30px; line-height:30px; background:url(../images/smOf.jpg) no-repeat bottom left; text-decoration: none; border-bottom: 0px solid Red; font-size:14px; color:#333; font-weight:normal } #borderlinks .smenu a:hover{ background:url(../images/smon.jpg) no-repeat bottom left; color:#E62028; } /*宸﹁竟鑿滃崟*/ #borderlinks2 ul a{ display: block; width: 231px; height:26px; line-height:26px; color: #666666; /*font-weight:bold;*/ font-size:14px; text-align:left; text-indent:66px; font-family:'寰蒋闆呴粦'; background:url(../images/lof_2.jpg) no-repeat bottom left; text-decoration: none; border-bottom: 0px solid white; } #borderlinks2 a:hover{ border-bottom: 0px solid #CCCCCC; background:url(../images/lON_2.jpg) no-repeat bottom left; color:#E42B00; height:26px; line-height:26px; /*background-color:yellow;*/ } #borderlinks2 .cure2{ background:url(../images/lON_2.jpg) no-repeat bottom left; color:#E42B00; height:26px; line-height:26px; /*background-color:yellow;*/ } #borderlinks2 .smenu a{ display: block; width: 231px; height:26px; line-height:26px; background:url(../images/smOf.jpg) no-repeat bottom left; text-decoration: none; border-bottom: 0px solid Red; font-size:12px; font-family:'寰蒋闆呴粦'; color:#666; font-weight:normal } #borderlinks2 a.cure3{ background:url(../images/smon.jpg) no-repeat bottom left; color:#FF3300; } #borderlinks2 .smenu a:hover{ background:url(../images/smon.jpg) no-repeat bottom left; color:#FF3300; } .Marketactivity_dll dl a:hover{/*background:#8D6738;color:#fff; */cursor:pointer;} .Marketactivity_dll a:hover dt,.Marketactivity_dll a:hover p,.Marketactivity_dll a:hover dt span{color:#E62028; text-decoration:underline} .Marketactivity_dll{background:url(../images/d_j.png) no-repeat top; margin-top:10px; *margin-top:0px;*padding:0px;} .Marketactivity_dll dl{float:left;border-bottom:1px solid #D2D2D2; background:url(../images/data_table_item.gif) repeat-x bottom #FFF; padding-top:10px; padding-bottom:10px; display:block; margin:0 0 10px 0;} .Marketactivity_dll dl a{display:block;width:830px!important;width:830px;/*height:120px;padding:10px;*/text-decoration:none} .Marketactivity_dll dt{width:550px; font-size:14px; color:#7D7D7D; margin-bottom:4px;text-decoration:none} .Marketactivity_dll dt a{font-size:14px; color:#505050; float:left; text-decoration:none} .Marketactivity_dll dd{ float:left; width:80px;height:auto;} /*.Marketactivity_dll dd img{ width:163px;height:100px; border:1px solid #e6e6e6; padding:3px; background:#8D673}*/ .Marketactivity_dll p{width:550px; font-size:12px; color:#969696; margin:5px 0 0 0px;line-height:20px;} .Marketactivity_dll span{ float:right} .nc{float:left;width:650px;} .nCont p,.nCont td{ font-size:14px; line-height:180%;color:#434343;margin:auto; padding:auto;} /*Page*/ .paginationL { FLOAT:Left; color:#5F2213; } .paginationL2 { FLOAT:right; color:#5F2213;/* color:#FFFFFF;*/ } .pagenum { FLOAT: left } .paginationL .page-skip { COLOR: #999; FLOAT: left; MARGIN-LEFT: 10px; HEIGHT: 23px; LINE-HEIGHT: 23px; OVERFLOW: hidden; PADDING: 0 5px; TEXT-ALIGN: center; WHITE-SPACE: nowrap; FONT-SIZE: 13px; VERTICAL-ALIGN: middle; FONT-FAMILY: Arial,SimSun } .paginationL span,.pagenum span { DISPLAY: block; FLOAT: left; PADDING: 0 10px; HEIGHT: 27px;color:#5F2213; } .paginationL span.page-cur,.pagenum span.page-cur { LINE-HEIGHT: 27px; HEIGHT: 27px;PADDING: 1px 10px; BORDER: #5F2213 1px solid; BACKGROUND:#FA8A00; TEXT-ALIGN: center; MARGIN-RIGHT: 3px; COLOR: #FFF; FONT-WEIGHT: bold } .paginationL a,.pagenum a { DISPLAY: block; FLOAT: left; HEIGHT: 27px; PADDING: 0 10px; LINE-HEIGHT: 27px; BORDER: #8E6839 1px solid; BACKGROUND: #0FA8A00; TEXT-ALIGN: center; MARGIN-RIGHT: 3px; COLOR: #CCC; } /*.paginationL a:hover,.pagenum a:hover { BORDER: #ff5400 1px solid; TEXT-ALIGN: center; COLOR: #ff5400; TEXT-DECORATION: none }*/ .paginationL a.page-prev,.pagenum a.page-prev { DISPLAY: block; FLOAT: left; width:70px; HEIGHT: 27px; border:#8E6839 1px solid; line-height:27px; BACKGROUND: url(../images/page_1.jpg);color:#8E6839; } .paginationL a.page-prev:hover,.pagenum a.page-prev:hover { DISPLAY: block; FLOAT: left; width:70px; HEIGHT: 27px; border:#FA8A00 1px solid; line-height:27px; BACKGROUND: url(../images/page_11.jpg);color:#FA8A00; } .paginationL a.page-next { FLOAT: left; HEIGHT: 27px; width:70px; line-height:27px;FONT-WEIGHT: normal; border:#8E6839 1px solid; BACKGROUND: url(../images/page_2.jpg); PADDING-RIGHT: 12px;color:#8E6839; } .paginationL a.page-next:hover { FLOAT: left; HEIGHT: 27px; width:70px; line-height:27px;FONT-WEIGHT: normal;border:#FA8A00 1px solid; BACKGROUND: url(../images/page_22.jpg); PADDING-RIGHT: 12px;color:#FA8A00; } /**************/ .paginationL a.page-prev2,.pagenum a.page-prev2 { DISPLAY: block; FLOAT: left; HEIGHT: 27px; line-height:27px; border:#8E6839 1px solid; text-indent:10px; font-size:14px; BACKGROUND: url(../images/page_1.jpg);color:#8E6839; } .paginationL a.page-next2 { FLOAT: left; HEIGHT: 27px; line-height:27px;width:70px; border:#8E6839 1px solid;BACKGROUND: url(../images/page_2.jpg); padding-right:10px;color:#8E6839; } /**********************/ .paginationL .text { BACKGROUND: url(../images/input-bg.png) white no-repeat 0px 0px; BORDER: #a7a6aa 1px solid; COLOR: #333; WIDTH: 25px; PADDING: 2px; MARGIN: 0px 3px; _DISPLAY: in-line } .paginationL .button { WIDTH: 52px; HEIGHT: 22px; LINE-HEIGHT: 22px; BACKGROUND: url(../images/page.gif) no-repeat right -50px; BORDER: none } .pageOFF { FLOAT: left; HEIGHT: 21px; FONT-WEIGHT: normal; BACKGROUND: url(../images/page.gif) white no-repeat right -26px; PADDING-RIGHT: 12px;color:5C5C5C; } /*宸﹀彸鑷€傚簲鐩稿悓楂樺害start*/ #wrap { clear:both;overflow:hidden;width:1100px;margin:0 auto 0 auto;} #leftx { width:233px;float:left;/* background:url(../images/leftbar_shadow.png) no-repeat top right #FFF*/} #leftx h2{ font-weight:bold; font-size:16px; color:#333; text-indent:16px; font-family:'寰蒋闆呴粦';} #rightx {width:830px;float:right; background:url(../images/r_n1.png) repeat-y} #leftx,#rightx {padding-bottom:32767px; margin-bottom:-32767px; }/*宸﹀彸鑷€傚簲鐩稿悓楂樺害end*/ #rightx h2{ background:url(../images/titBG.jpg) no-repeat bottom center; font-size:14px;text-indent:6px; color:#AB9861; margin-bottom:12px; height:30px; font-family:'寰蒋闆呴粦';} .nCont{ padding:20px 0 20px 0;} .nCont p{ padding-bottom:15px} .sinput {width:180px; height:16px; border:1px solid #b5b5b5; background:url("../images/input_bg.png") no-repeat scroll 0 0 transparent;color:#646464;} .dy_input { background:url("../images/input_bg.png") no-repeat scroll 0 0 transparent; border:1px solid #B5B5B5; color:#A98B4F; font-size:14px; height:30px; width:250px; border:0; text-indent:10px; } .dy_input1{ background:url(../images/input_bg2.png) repeat; width:100%; border:0} .d{clear:both; padding:0; margin:0} .d1{float:left; width:30%;margin-right:5%; text-align:center; margin-bottom:20px} .d2{float:left;width:30%;margin-left:0%;text-align:center; margin-bottom:20px;} /*******************鍥炬枃鍒楄〃********/ #jimmy{ width:752px;} #jimmy dl{ clear:both;padding:0; margin:0} .dt1{ clear:both; width:198px; float:left; margin:0px 0px 0 0px; } .dt1 img{width:198px; border:0;border:3px solid #AB9861; padding:1px;} .dt2{ width:501px; height:120px; overflow:hidden; float:left; margin:0px 0px 0px 32px; border-bottom:#866A3B 0px dotted; } .dt2 p{ padding-top:0; margin:0;padding-bottom:10px;} .dt2 p a{ color:#8A6224;font-size:16px; font-weight:bold} .dt2 p a:hover{ font-size:16px; color:#FA8A00} /* 浠g爜鏁寸悊锛歴am 鍥剧墖婊氬姩 */ div.indexmaindiv{height:370px;margin:30px auto 30px auto;width:752px; clear:both} div.indexmaindiv div.playerstyles{width:217px;height:44px;background:url('../images/playstyles.png') no-repeat;} div.indexmaindiv1{margin-top:25px; overflow:hidden;} div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer;} div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:106px 5px 0px 0px;cursor:pointer;} div.indexmaindiv1 div.playerdetail{width:217px;height:245px;background:#FFF;font-family:'寰蒋闆呴粦';} div.indexmaindiv1 div.playerdetail div.detailimg{width:217px;/*height:266px;*/} div.indexmaindiv1 div.playerdetail div.detailimg img{width:217px;/*height:266px;*/} div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;} div.indexmaindiv1 div.playerdetail div.teadetail{width:207px;height:27px;margin:5px 8px;color:#666;} div.indexmaindiv1 div.playerdetail .checkdetail{width:207px;height:27px;display:block;background:url('../images/checkdetail.png') no-repeat;margin:18px;} div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:106px 0px 0px 15px;cursor:pointer;} div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:106px 0px 0px 15px;cursor:pointer;} /*婊氬姩*/ div.maindiv1{float:left;width:680px;height:300px;overflow:hidden;position:relative;} div.maindiv1 ul{position:absolute;left:0;top:0;} div.maindiv1 ul li{float:left;width:217px;height:300px;margin-left:13px;} /*****************/ .video-list li{ float: left; padding: 10px 17px 0; width: 200px; margin-top: 24px; position: relative; } .video-list .pic{ width: 200px; height: 125px; text-align: center; background: url('../images/box_shadow.gif') center bottom no-repeat; padding-bottom: 14px; } .video-list .pic a{ display: block; position: relative; width: 200px; height: 125px; } .video-list .film{ background: url('../images/film.png') no-repeat; width: 22px; height: 26px; position: absolute; right: 6px; top: 6px; display: block; } .video-list .play{ background: url('../images/play.png') no-repeat; position: absolute; width: 38px; height: 38px; left: 50%; top: 50%; margin-left: -19px; margin-top: -25px; display: none; } .video-list .name{ text-align: center; font-weight: bold; } .video-list .name a:link, .video-list .name a:visited{ color: #535353; } .video-list .intro{ color: #a0a0a0; border-bottom: 2px solid #b5b5b5; line-height: 18px; padding-bottom: 8px; height:54px; } .video-list li:hover, .video-list li.hover{ background: #eeeeee; } .video-list li:hover .play, .video-list li.hover .play{ display: block; } .video-list li:hover .intro, .video-list li.hover .intro{ border-color: #535353; } .video-list li:hover .pic, .video-list li.hover .pic{ background-image: url(../images/box_shadow_hover.gif); } .video-list .yun{ position: absolute; bottom: -26px; right: 17px; } .video-list .yun a{ display: inline-block; padding-left: 24px; background: url('../images/news/baiduyun.png') 0 no-repeat; color: #00a0e9; } .mask{ position:fixed; width: 100%; height: 100%; background: #000; opacity: .8; -moz-opacity: .8; filter: alpha(opacity=80); top: 0; left: 0; z-index: 1000; } .modal{ background: #fff; width: 720px; height: 450px; position: fixed; _position: absolute; display: none; z-index: 1001; } .modal .close{ position: absolute; top: 15px; right: 15px; font-size: 24px; z-index: 2; } .modal iframe{ z-index: 1; } .modal .close a:link,.modal .close a:visited{ color: #666; text-decoration: none; } .modal .close a:hover,.modal .close a:active{ color: #333; text-decoration: none; } .pager{ margin-top: 60px; text-align: center; } .nCont h3 { background: url("../images/data_table_head.gif") repeat-x top rgb(235, 235, 235); padding: 8px 20px; line-height: 24px; font-size: 15px; border-top-color: rgb(210, 210, 210); border-top-width: 2px; border-top-style: solid; } .nCont h3 em { float: right; } /*.article { padding: 20px; }*/ .sibling { border-top-color: rgb(210, 210, 210); border-top-width: 1px; border-top-style: solid;padding:0 } .sibling li { padding: 10px; border-bottom-color: rgb(210, 210, 210); border-bottom-width: 1px; border-bottom-style: solid; } .sibling span { width: 40px; color: rgb(83, 83, 83); font-weight: bold; float: left; } .sibling a { width: 650px; color: rgb(125, 125, 125); margin-left: 20px; float: left; text-decoration:none } .sibling a:hover{ color:#E62028;text-decoration:underline} .sibling em { width: 64px; color: rgb(125, 125, 125); margin-left: 10px; float: left; } .clr::after { height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: " "; } .clr { -ms-zoom: 1; } .back { background: url("../images/button2.gif"); margin: 20px auto auto; width: 90px; height: 30px; text-align: center; color: rgb(125, 125, 125); line-height: 30px; font-weight: bold; display: block; text-decoration:none } .back a:hover{ color:#E62028;text-decoration:underline } /*鐐硅瘎绯荤粺*/ .rating ,.rating .current ,.rating .star_hover{background:url(../images/commentstar.gif) repeat-x;height:25px;overflow:hidden;list-style:none;margin:0;padding:0; } .rating{position:relative;background-position:left top;} .rating .current{position:absolute;top:0;left:0;background-position:left center;} .rating .star ,.rating .star_hover{position:absolute;top:0;left:0;height:25px;cursor:pointer;} .rating .star_hover{background-position:left bottom;} .rate-text{height:25px;line-height:25px;float:left} .add_comment_start{width:130px;float:left} .add_comment_start_desc{width:70px;float:left;height:22px;line-height:22px;color:#FF0000;font-weight:bold;} #star{position:relative;width:828px;border:#CCC 1px solid; height:80px; padding-top:20px; clear:both} #star ul,#star span{float:left;display:inline;height:19px;line-height:19px;} #star ul{margin:0 10px;} #star li{float:left;width:24px;cursor:pointer;text-indent:-9999px;background:url(../images/star.png) no-repeat;} #star strong{color:#f60;padding-left:10px;} #star li.on{background-position:0 -28px;} #star p{position:absolute;top:20px;width:159px;height:60px;display:none;background:url(/imagesforcode/201206/icon.gif) no-repeat;padding:7px 10px 0;} #star p em{color:#f60;display:block;font-style:normal;} /* 棣栭〉鍏徃绠€浠嬫牱寮 */ .gr-main-about{width:1200px;height:390px;margin:0 auto;} .about-video{width:450px;height:300px;float:left;/*padding:11px 11px 0;*/background:url(../images/video_bj.jpg) no-repeat;margin-top:40px;} .about-cont{width:680px;float:left;margin-left:40px;margin-top:40px;} .about-cont h2{font-size:24px;font-family:"寰蒋闆呴粦"; color:#333; margin:0} .about-cont h2 span{padding-right:10px;font-size:25px; color:#35c4ff;} .cont-list{padding-top:10px;line-height:24px;color:#666;} .about-kjfs{width:140px;float:right;position: relative;} .about-kjfs a{display:block;width:103px;height:65px;text-align:center;font-family:"寰蒋闆呴粦";font-size:15px;background:url(../images/kj.jpg) no-repeat;padding-top:38px;} .about-kjfs a:hover{background-position:0 -103px;color:#fff;} .about-kjfs a.cur{background-position:0 -103px;color:#fff;} .about-kjfs a span{display:block;text-transform:uppercase;font-family:arial;font-size:10px;} .kj-b{position: absolute;top:105px;right:0;} .kj-c{position: absolute;top:213px;left:0;} #links{ width:100%; height:100px; background:url(../images/linksbg.jpg) repeat-x left top;} #links ul{width:1040px; height:50px; margin:0 auto; padding:25px 0 25px 160px; background:url(../images/links.jpg) no-repeat left top;} #links ul a{line-height:25px; margin:0 10px 0 0;} .fleft{ float:left;}.fright{ float:right;}.cen{ text-align:center;} #footer{ width:100%;/* border-top:3px solid #ff8301;*/} #footer .nav{ width:100%; height:40px; background-color:#0618f9; color:#FFF} #footer .nav ul{ margin:0 auto; width:1200px; height:40px; line-height:40px; text-align:center;} #footer .nav ul a{ line-height:40px; font-size:14px; color:#fcf1e2; margin:0 50px;} #footer .bot{ padding:20px 0 20px 0; width:1200px!important;width:1200px; margin:0 auto; line-height:24px;} #footer .bot .copyright{ font-size:12px; font-family:Arial,"瀹嬩綋";} .nobg{background:none} /* 棣栭〉鏂伴椈鏍峰紡 */ .gr-main-news{background:url(../images/ne_a.jpg) repeat-x left top;} .main-news{width:1100px;height:335px;margin:0 auto;padding-top:26px; overflow:hidden;} #news_i h3{background:url(../images/line.jpg) no-repeat left; color:#333; font-size:20px; font-weight:600; padding-left:15px; font-family:"寰蒋闆呴粦";} #news_i h3 a.more{ font-size:12px;padding-top:5px; float:right} #news_i ul{padding-top:10px;} #news_i{ float:left; width:520px; height:310px; overflow:hidden;} .pa-left60{padding-left:30px; margin-left:28px; border-left:1px dashed #bbb;} .news_i li { margin: 11px 0px; padding:0 0px 10px 0;} .rq { float: left; height: 65px; margin-right: 12px; text-align: center; width: 50px; background-color:#70cc00;} .rq h6 { color: #fff; padding:0; margin:0; font-family: "寰蒋闆呴粦"; font-size: 30px; font-weight: bold; line-height: 43px; } .news_i .rq p { color:#fff; line-height: 20px; background-color:#00b0ef; border-top:1px solid #fff; } .news_i h5 a{ font-weight:bold; font-size:14px; line-height:24px; padding:0; margin:0} .news_i p{ line-height:24px; color:#9e9e9e; padding:0; margin:0} .news_i h5 { padding:0; margin:0} /******************************************************************鍦ㄧ嚎QQ***/ .myDiv1{ width:120px;} .myDiv1 ul{ width:120px; list-style:none; margin:0; padding:0;} .myDiv1 ul li{ width:120px; float:left;} .nTop{background:url(../images/kup.gif) no-repeat; height:31px} .nBot{background:url(../images/kbot.gif) no-repeat bottom; height:6px} .nMid{background:url(../images/kmid.jpg) repeat-y; text-align:center; padding-top:16px; padding-bottom:10px;} /******************************************************************鍦ㄧ嚎QQ***/ .indexpro{ clear:both; /*width:1200px; margin:0 auto; background:#FFF; */padding:40px 0} .indexpro h1{ font-size:30px; color:#E15616; text-align:center; font-weight:normal} .indexpro h1 span{ color:#C8CCCF; padding-left:10px} .indexpro h2{ font-size:16px; width:1200px; margin:0 auto; text-align:center; font-weight:normal; margin-bottom:60px; margin-top:20px} /*棣栭〉浜у搧绫诲埆*/ /*棣栭〉涓棿閮ㄥ垎*/ .center{width:100%} .center img{width:100%;} /*棣栭〉鎺ㄨ崘浜у搧*/ @media screen and (min-width:1400px){ .center .orico_con { width:1400px; margin:20px auto;} .center .orico_con_img { width:345px; height:200px; float:left;} .center .orico_big{width:1400px; margin:20px auto; clear:both;} .orico_text{ color:#FFFFFF; z-index:2; position:relative; width:345px;top:-204px;font-size:1.5em; text-align:center; display:none; height:200px; background:rgba(23,18,15,0.8); line-height:200px; } .orico_text_two{ color: #FFFFFF; z-index: 2; position: relative; width: 345px; top: -204px; font-size: 1.3em; text-align: center; display: none; height: 200px; background-color: rgba(23,18,15,0.8); background-repeat: no-repeat; line-height: 200px; background-position: 50% 40%; } .orico_big h3 { font-size:1.9em; margin:10px 0 0px; } } @media screen and (min-width:768px) and (max-width:1399px){ .center .orico_con {width:100%; margin:20px 0px;} .center .orico_con_img {width:20%; float:left; position:relative; margin-left:0.5%; margin-right:0.5%;} .center .orico_big{width:100%; margin:20px 0px; clear:both;} .orico_text{ bottom:0px; padding-top:25%; color:#FFFFFF; z-index:2001; position:absolute; width:100%;font-size:1.3em; height:59%; text-align:center; display:none; background:rgba(23,18,15,0.8); } .orico_text_two{ color: #FFFFFF; z-index: 2001; position:absolute; width: 100%; font-size: 1.3em; text-align: center; display: none; background-color: rgba(23,18,15,0.8); background-image: url(../images/small_01.png); background-repeat: no-repeat; background-position: 50% 40%; bottom:0px; padding-top:45%; height:25%; } .orico_big h3 { font-size:1.9em; margin:10px 0px 0px 5px; } } /*鐑棬娲诲姩*/ ul,li{ padding:0; margin:0} .c-fix:after{content:"";display:block;height:0;clear:both;} .c-fix{zoom:1;} .clear{float: none; clear: both;} .orico_active li{ width:24%; float:left; overflow:hidden; margin-left:0.5%; margin-right:0.5%; padding:0} .orico_big span { float:right; padding-right:40px; } .orico_big_img {float:left; border:#e0e0e0 1px solid} .orico_text_dis{display:none;} .orico_text_dis_two{display:block;} .orico_activity{ text-align:left; font-weight:100; color:#17120f;} .orico_more {border:1px #ABA8A8 solid; border-radius:15px; height:20px; left:120px; text-align:center; font-size:0.8em; position:relative; line-height:20px; width:80px; top:-23px; color:#ABA8A8;} .bule_border{border:1px solid #008cd6; z-index:5;} .orico_font{font-size:1.0em; color:#999} .images_h{white:100%; overflow:hidden;} .orico_m_r { margin-right:5px;} .orico_active li:hover img{ transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: scale(1.3); -webkit-transform: all 1s ease 0s; } .orico_active a, .orico_active img{height:auto;} /*home_news*/ .w960{ width:980px; height:auto;} .w980{ width:988px; height:auto;} .w100{ width:100%; margin:0 auto; height:auto; background:#262729} .biankuang{ border:#c5d8e6 1px solid} .fl{ float:left;} .fr{ float:right;} .mt8{ margin-top:8px} .mR {MARGIN-RIGHT: 8px} .section{overflow:hidden;} .wrap{border:0;padding:0;width:1200px;margin:0 auto;*zoom:1;} .wrap:after{clear:both;content:"";display:table;} /* home service */ .home_title{text-align:center;padding-top:60px;} .home_news{background: url("../images/h19.jpg") 0 0 repeat;height:100%;animation: animatedBackground 20s linear infinite;-webkit-animation: animatedBackground 20s linear infinite;-moz-animation: animatedBackground 20s linear infinite;overflow: hidden;} .hn_main{width:520px;position:relative;padding-bottom:16px;margin-top:40px;background:url("../images/shade20.png");} .hn_main h2{ padding:0; margin:0;margin-left:40px;margin-top: 32px;} .hn_main h2 a{font-size:16px;color: #FFF;font-weight: normal;} .hn_main .time{color: #FFF;font-weight: normal;margin-left: 40px;margin-top: 14px;} .hn_main .time i{background: url("../images/sprite.png") -40px 0 no-repeat;display: inline-block;width: 16px;height: 18px;vertical-align: middle;margin-right: 10px;} .hn_main .text{padding:0 40px;margin-top: 12px;height:61px;} .hn_main .text a{line-height: 24px;color: #FFF;display:block;height:48px;overflow:hidden;} .hn_column{width:640px;margin-top:30px; height:478px; overflow:hidden} .hn_column a{color: #FFF;font-weight: normal;} .hn_column li{background: url("../images/shade20.png");margin-top: 10px;} .hn_column h2{ font-size: 16px;color: #FFF;background: url("../images/h18.jpg") left no-repeat;line-height: 40px;text-indent: 60px;} .hn_column .on{background: url("../images/h17.jpg") left no-repeat;} .hn_column .text{padding:28px 40px;line-height: 24px;height:140px; color: #fff;display: none;border-top: 1px solid #AFAFAF;} .home_more{text-align:center;margin-top: 40px;padding-bottom:60px;} .home_more .btn{display: inline-block;color: #fff;line-height: 38px;padding: 0 24px;border: 1px solid #fff;position: relative;z-index: 2;} .home_more .btn:hover{display: inline-block;color: #2FAFBC;line-height: 38px;padding: 0 24px;border: 1px solid #2FAFBC;position: relative;z-index: 2;} .btn2{font-family:"瀹嬩綋";font-weight:normal;} .top_news_img{width:520px;height:250px;} /*鍦ㄧ嚎鐣欒█*/ .leave{ height:442px; background:url(../images/onlinbg.jpg) no-repeat center top; overflow:hidden; font-family:microsoft yahei;} .leave h2{ text-align:center; font-size:22px; color:#000; margin-top:60px; height:27px; overflow:hidden; font-weight:600} .leave p{ font-size:21px; color:#FFF; padding:40px 0 0 235px; display:inline-block;} .leave p b{ display:block; font-size:24px; color:#246cd7;} .leawords{ display:inline-block; width:361px; height:288px; padding:50px 0 0 59px; float:right; margin-right:40px} .ly1{ width:359px; height:31px; line-height:31px; border:1px solid #CCC; margin-bottom:12px; _margin-bottom:8px; font-size:14px; color:#FFF;} .ly1 span{ padding-left:9px; float:left; width:70px;} .ly1 .ly01{ border:none; float:left; background:none; height: 31px; width:265px; line-height:31px;} .ly3{ width:339px; height:138px; font-size:14px; color:#FFF; margin-top:5px; margin-bottom:8px;} .ly3 span{ display:block; margin-bottom:9px;} .ly3 .ly003{ resize:none; background:none; border:1px solid #CCC; overflow:hidden; width:339px; height:111px; line-height:30px; padding:0 10px} .ly4{ width:339px; height:77px; font-size:14px; color:#FFF;} .ly4 span{ float:left; border:1px solid #e0e0e0; width:152px; height:28px; line-height:28px; text-align:left; margin-top:7px; position:relative; text-indent:8px} .ly4 img{ margin:8px 20px 0 0;} .ly4 em{ display:block;} .ly4 a.a01{ margin-left:10px;} .ly5{ font-size:12px; color:#FFF; margin-top:22px; clear:both} .ly02{ width:60px; height:28px; border:0px solid #ccc; float:left; padding:0 10px; background:transparent; position:absolute; top:0; left:60px;} /*********鍐呴〉********/ .wrapper { width:1160px; margin:0 auto; } .grid_96 { width:892px; float:right; } .i-more { width:24px; height:24px; background:url(../images/icons.png) no-repeat 0 0; display:inline-block; } .i-title { width:24px; height:24px; background:url(../images/icons.png) no-repeat 0 -30px; display:inline-block; } .i-home { width:16px; height:16px; background:url(../images/icons.png) no-repeat 0 -63px; display:inline-block; } .inside-banner { width:100%; height:380px; overflow:hidden; } .leftside { float:left; width:240px; margin-top:30px } .leftside .hd { position:relative; height:45px; line-height:45px; background:#193FA2; color:#FFF; font-size:18px; text-indent:1em; /*margin-top:-60px;*/ filter:alpha(Opacity=90); -moz-opacity:0.9; opacity: 0.9; margin-bottom:10px; font-weight:500 } .leftside .hd .i-title { position:absolute; right:10px; top:8px; } .leftside .bd { background:#f6f6f6; margin-bottom:20px; } .leftside .bd li { position:relative; line-height:42px; border-bottom:#e0e0e0 1px solid; width:240px; } .submenu{ text-indent:18px; height:34px; line-height:34px; border-bottom:#E0e0e0 1px solid; width:240px; background:#f4f4f4; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:13px } .submenu:hover{ background:#E0E0E0; color:#000} .leftside .bd li.cur { } .leftside .bd li.cur a { background:#EEE; color:#000; font-weight:bold; } .leftside .bd li a { display:block; /*font-family:"simsun";*/ color:#000; text-indent:18px; font-size:14px; width:240px; /*font-weight:bold;*/ } .leftside .bd li a:hover,.leftside .bd li a.cur { color:#333; background:#e0e0e0; font-weight:bold; text-decoration:none } .leftside .bd li a .ls-tit { width:160px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .leftside .bd li .ls-arrows { position:absolute; right:10px; top:0; color:#000; display:none; font-family:simsun; } .leftside .bd li:hover .ls-arrows,.leftside .bd li.cur .ls-arrows { display:block; } .leftside .bd .subLeftNav-list { } .leftside .bd .subLeftNav-list li a { text-indent:30px; background:transparent!important; color:#000; } .leftside .bd .subLeftNav-list li a:hover,.leftside .bd .subLeftNav-list li a.cur { background:#006282!important; color:#fff; } .mainContainer { float:right; /*margin-top:5px; background:#F6F6F6; */ } .bread { position:relative; background:url(../images/righttitlebg.jpg) no-repeat bottom left; display:table; width:100%; margin:0px auto; height:auto; height:82px; } .bread h3 { font-size:18px; color:#000; /*border-bottom:1px solid #006282;*/ padding-right:5px; margin-bottom:-1px; display:table; font-weight:normal; height:30px; position:absolute; left:10px; bottom:10px; } .bread .bread-list { position:absolute; right:0; top:15px; height:40px; } .bread .bread-list li { float:left; font-family:simsun; color:#999 } .bread .bread-list li a { margin:0 5px; font-family:Arial } .bread .bread-list li a:hover { text-decoration:none; } .bread .bread-list li .i-home { vertical-align:middle; margin-top:-3px; margin-right:5px; } .article { min-height:400px; width:98%; margin:0 1% 0 ; } .article h2 { font-size:24px; color:#006282; text-align:center; margin:5px 0 20px; } .article .article_con { font-size:14px; color:#333; line-height:24px; padding-bottom:40px; padding:0; margin:0; padding-top:10px; } .article .article_con p { margin-bottom:15px; } /*鏂伴椈鍒楄〃*/ #main_left ul { float: left; list-style: none outside none; margin: 0; padding: 0; width: 880px; } #main_left ul li { float: left; padding-bottom: 20px; width: 880px; border-bottom:#CCC 1px dotted; margin-top:20px; } #main_left ul li h4 { color: #666666; float: left; font-size: 18px; font-weight:normal; margin: 0 0 10px 0; padding: 0; width:636px; text-align:left; } #main_left ul li h4 a { color: #4e4e4e; text-decoration: none; } #main_left ul li h4 a:hover { color: #000; text-decoration:none; } #main_left ul li h4 span { float: right; font-size: 14px; text-decoration: none; } #main_left .pic_news { float: left; margin-right: 20px; } #main_left .pic_news:hover {box-shadow: 2px 2px 5px 2px #ccc;transform: scale(1.01) translateY(-5px);-webkit-transform: scale(1.01) translateY(-5px);-moz-transform: scale(1.01) translateY(-5px);-ms-transform: scale(1.01) translateY(-5px);-o-transform: scale(1.01) translateY(-5px);transition: all .3s ease-in;-moz-transition: all .3s ease-in;-transition: all .3s ease-in;-o-transition: all .3s ease-in;-webkit-transition: all .3s ease-in;} #main_left .pic_news:hover img{opacity:0.8;transition:all .4s ease;} #main_left .txt { color: #999; float: left; text-align:left; font-size: 14px; line-height: 22px; width: 636px; } #main_left .txt span{ padding-left:20px; } #main_left .txt a { color: #FF6600; font-size: 14px; line-height:22px; text-decoration: none; } #main_left .txt a:hover { color: #41A4E2; text-decoration: underline; } /******鍒嗛〉************************/ .pager{ margin-top: 20px; text-align: center; } .pager a{ display: inline-block; font-family:arial; border: 1px solid #d2d2d2; background: url(../images/pager_number.gif) repeat-x; padding: 0 10px; line-height: 26px; text-decoration:none; margin-right:2px; font-size:12px } .pager a.current{ /*background: #5185c4; border-color: #5185c4;*/ font-weight: bold; color: #fff; background: #e26001; border-color: #e26001; } .pager a:link, .pager a:visited{ color: #535353; } .pager a:hover, .pager a:active{ color: #E26001; } .pager a.current:link, .pager a.current:visited, .pager a.current:hover, .pager a.current:active{ color: #fff; } .pager a:hover{ text-decoration: none; } .imgteaser{overflow:auto;float: left;position: relative;width:265px;height:220px; margin:0 23px 30px 0; text-align:center;border:#ccc 1px solid} .clst{ margin-right:0} .imgteaser a{text-decoration: none;float: left; height:180px} .imgteaser a:hover{cursor:pointer} .imgteaser a img{float:left;border: none;width:265px;height:180px;} .imgteaser a:hover img{opacity:0.8;transition:all .4s ease;} .CC{ clear:both;background:#f0f0f0; width:100%; height:40px; line-height:40px} .imgteaser a:hover .CC{ background:#41A4E2;color:#FFF;line-height:40px;} .imgteaser:hover{border:#41A4E2 1px solid} a.cgrey{ color:#888888; font-size:13px} a.cgrey:hover{ color:#FFF} .wrapbg{ background:url(../images/bodybg.jpg) no-repeat top center #FFF; width:100%; overflow:auto; height:auto; min-height:500px} .BgColorGray{ background:url(../images/d.gif) repeat-x bottom #f0f0f0;} .BgColorWhite{ background:url(../images/d.gif) repeat-x bottom #FFF} .prolist{ width:100%; padding:0; margin:0; clear:both;} .prolist ul{ list-style-type:none; padding:0; margin:0} .prolist ul li{ list-style-type:none; padding:0; margin:0; float:left; width:23.5%; margin-right:2%; margin-bottom:40px;} .prolist ul li p{ padding:0; margin:0} .prolist ul li p img{ width:100%} .prolist ul li p{ border:#e0e0e0 1px solid;} .prolist ul li:hover p{ border:#E70014 4px solid;} .prolist ul li h3{ text-align:center; height:60px; line-height:60px; background:#e0e0e0; font-size:15px; overflow:hidden} .prolist ul li a:hover{ text-decoration:none;} .prolist ul li:hover h3{ color:#FFF;background:#E70014} #content { min-height: 200px; height: auto; position: relative; width:1200px; margin:0 auto; font-size: 15px !important; line-height: 1.5em !important; } body{ margin: 0 auto; color:#434343; /*background: #F0f0f0;*/ font:normal 14px/24px Arial, Verdana, sans-serif; min-width: 1200px; text-transform:none } a.con:active, a.con:link, a.con:visited{color:#000;font-size:16px;padding:5px 0;} a.con:hover { text-decoration:none; color:#E70014 } a.con2:active, a.con2:link, a.con2:visited{color:#FFF;font-size:16px;padding:5px 0;text-transform:capitalize} a.con2:hover { text-decoration:none; color:#000 }