@charset "utf-8";
/* CSS Document */
* {margin:0;}
html {width:100%; height:100%}
body {margin:0; padding:0; font-size:13px; color:#414042; background:url(../images/bdy.jpg) repeat-x 0 0 #f4f4f4; font-family: 'HelveticaNeueW23forSKY-Reg'; width:100%; height:100%;}
* {outline:none;}
.clr {clear:both; display:block;}
div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin:0;	padding:0;}
a, img {border:none; outline:none; text-decoration:none;}
a:hover {}
p {font-weight:normal; font-size:13px; line-height:22px;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
ul, ol, li {list-style:none;}

@font-face {
	font-family: 'HelveticaNeueW23forSKY-Reg';
	src: url('fonts/helveticaneuew23-reg.eot');
	src: url('fonts/helveticaneuew23-reg.eot?#iefix') format('embedded-opentype'),
			 url('fonts/helveticaneuew23-reg.woff') format('woff'),
			 url('fonts/helveticaneuew23-reg.ttf') format('truetype'),
			 url('fonts/helveticaneuew23-reg.svg#helveticaneuew23-reg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rockwell';
	src: url('fonts/rock.eot');
	src: url('fonts/rock.eot?#iefix') format('embedded-opentype'),
			 url('fonts/rock.woff') format('woff'),
			 url('fonts/rock.ttf') format('truetype'),
			 url('fonts/rock.svg#rock') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
		font-family: 'Helvetica';
		src: url('helvetica_1.eot');
		src: url('helvetica_1.eot?#iefix') format('embedded-opentype'),
				 url('helvetica_1.woff') format('woff'),
				 url('helvetica_1.ttf') format('truetype'),
				 url('helvetica_1.svg#helvetica_1') format('svg');
		font-weight: normal;
		font-style: normal;
}

/*Wrapper*/
#wrpr {width:970px; margin:0 auto;}

/*Header*/
#header {height:135px; position:relative;}
#header h1 {width:232px; height:107px; float:left; padding:15px 0 0 9px;}
#header h1 a {display:block; text-indent:-3500px; background:url(../images/logo.png) no-repeat; width:232px; height:107px;}
#header ul.shr {position:absolute; top:27px; right:17px;}
#header ul.shr li a img {filter: grayscale(0%);}
#header ul.shr li {width:23px; height:23px; float:left; margin:0 3px 0 0;}
#header ul.shr li a {width:23px; height:23px; display:block; text-indent:-3500px;}
#header ul.shr li a.ico1 {background:url(../images/shr1Ho.png);}
#header ul.shr li a.ico1:hover {background:url(../images/shr1.png);}
#header ul.shr li a.ico2 {background:url(../images/shr2Ho.png) no-repeat 0 0;}
#header ul.shr li a.ico2:hover {background:url(../images/shr2.png);}
#header ul.shr li a.ico3 {background:url(../images/shr3Ho.png) no-repeat 0 0;}
#header ul.shr li a.ico3:hover {background:url(../images/shr3.png);}
#header span {background:url(../images/recieveBg.png) no-repeat; width:323px; height:42px; position:absolute; top:24px; right:110px; font-size:12px; color:#fff; font-family: 'Helvetica'; padding:0; line-height:29px; text-shadow:0 1px 0 #333; text-align:center; text-transform:uppercase;}
#header form {position:absolute; top:67px; right:20px;}
#header form input[type="text"] {border:none; float:left; padding:18px 15px; color:#454a56; font-size:10px;}
#header form .inp1 {background:url(../images/inp1.png) no-repeat; width:146px;}
#header form .inp2 {background:url(../images/inp2.png) no-repeat; width:131px;}
#header form big {float:left; color:#454a56; font-size:12px; padding:0; line-height:46px;}
#header form input[type="submit"] {background:url(../images/signUpBtn.png) no-repeat 0 0; width:72px; height:26px; border:none; float:right; cursor:pointer; margin:10px 0 0 2px;}
#header form input[type="submit"]:hover {background:url(../images/signUpBtn.png) no-repeat 0 -26px;}

/*Navigation*/
.nav {height:47px; padding:0 0 20px; overflow:hidden;}
.nav ul#nav {padding:0 0 0 268px; width:690px;}
.nav ul#nav li {float:left; line-height:47px; font-size:14px; font-family: 'HelveticaNeueW23forSKY-Reg';}
.nav ul#nav li a {color:#fff; display:block; padding:0 26px; height:47px; position:relative; z-index:2;}
.nav ul#nav li a:hover {text-decoration:none; color:#323745;}
.nav ul#nav li.selected a {font-weight:bold; background:url(../images/nav.png) repeat-x 0 0; color:#323745;}
.blob {
	position: absolute;
	top: 0;
	z-index : 1;
	background:url(../images/nav.png) repeat-x 0 0;
	height:47px;
	padding:0; margin:0;
}

/*Container*/
.container {padding:0 0 20px;}
.sideBar {width:250px; float:left;}
.sideBx {background:url(../images/sideTop.png) no-repeat 0 0; padding:14px 0 5px 0;}
.sideBxIn {background:url(../images/sideIn.png) repeat-y; padding:0 10px;}
.sideBxBtm {background:url(../images/sideBtm.png) no-repeat; height:13px;}
.sideBx .menu {}
.sideBx .menu h2 {color:#fff; font-size:16px; background:#323745; line-height:33px; font-family: 'Rockwell'; text-align:center; font-weight:normal;}
.sideBx .menu ul {padding:0 15px;}
.sideBx .menu ul li {line-height:33px; font-size:14px; background:url(../images/line1.png) repeat-x 0 0; font-family: 'HelveticaNeueW23forSKY-Reg';}
.sideBx .menu ul li a {color:#343234; display:block; background:url(../images/arrow.png) no-repeat right; text-align:right; padding:0 25px 0 0;}
.sideBx .menu ul li a:hover {color:#e72145; background:url(../images/arrowHo.png) no-repeat right;}

.sideBx .fbPlug {text-align:center;}
.followBx {background:url(../images/followBx.png) no-repeat; width:244px; height:40px; margin:0 0 5px 5px;}
.followBx big {float:left; color:#454a56; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:14px; line-height:40px; padding:0 60px 0 20px;}
.followBx a {float:left; width:23px; height:23px; text-indent:-3500px; margin:10px 0 0 4px;}
.followBx a.ico1 {background:url(../images/shr1Ho.png);}
.followBx a.ico1:hover {background:url(../images/shr1.png);}
.followBx a.ico2 {background:url(../images/shr2Ho.png) no-repeat 0 0;}
.followBx a.ico2:hover {background:url(../images/shr2.png);}
.followBx a.ico3 {background:url(../images/shr3Ho.png) no-repeat 0 0;}
.followBx a.ico3:hover {background:url(../images/shr3.png);}

.contactBx {}
.contactBx h2 {background:url(../images/contBb.png) no-repeat; width:171px; height:29px; font-size:16px; color:#fff; line-height:29px; padding:0 0 0 8px; font-weight:normal; text-shadow:0 1px 0 #333; margin:0 0 15px;}
.contactBx p {color:#414042; font-size:12px; line-height:12px; font-family: 'HelveticaNeueW23forSKY-Reg'; padding:0 0 12px 12px;}
.contactBx p b {display:block;}
.contactBx p a {color:#414042; text-decoration:underline;}

.advertiseBx {background:url(../images/advertiseBx.png) no-repeat; width:230px; height:204px; padding:10px;}

.othrCnt {padding:5px 0 5px 15px;}
.othrCnt h2 {color:#ea2b4a; font-weight:normal; font-size:19px; font-family: 'Rockwell';}
.othrCnt p {color:#323745; font-size:13px; font-family: 'HelveticaNeueW23forSKY-Reg';}

.btmSlider {background:url(../images/btmSliderBg.png) no-repeat; width:230px; height:194px; position:relative; padding:10px;}
#slides {}
.slides_container {width:230px; height:194px; overflow:hidden; position:relative; display:none;}
#slides .slide {width:230px; height:194px; display:block;}

/*Next/prev buttons*/
#slides .prev {position:absolute; top:0; left:0; width:0; height:0; display:block; z-index:101; background:none;}
#slides .next {position:absolute; top:0; right:0; display:block; z-index:101; width:0; height:0; background:none;}

/*Pagination*/
.btmSlider ul.pagination {position:absolute; bottom:24px; right:24px; z-index:99999;}
.btmSlider ul.pagination li {float:left; margin:0 0 0 2px; list-style:none; height:15px; width:15px;}
.btmSlider ul.pagination li a {display:block; background:#fff; overflow:hidden; height:15px; width:15px; background:url(../images/bullet.png) no-repeat 0 0; text-indent:-3500px;}
.btmSlider ul.pagination li a:hover, .btmSlider ul.pagination li.current a {background:url(../images/bullet.png) no-repeat 0 -15px;}

/*Content Right Ends*/
.contRight {float:right; width:700px;}

.prodDetail {background:url(../images/detailTop.png) no-repeat 0 0; width:700px; padding:11px 0 0 0; margin:0 0 0 -11px;}
.prodDetailIn {background:url(../images/detailBg.png) repeat-y; padding:0 22px;}
.prodDetailBtm {background:url(../images/detailBtm.png) no-repeat; height:23px;}
.prodDetailIn h2 {color:#464b57; font-size:23px; font-family: 'Rockwell'; font-weight:normal; line-height:30px; padding:25px 0;}
.prodDetailIn p {font-size:16px; padding:8px 0 5px 0;}
.prodDetailIn a.view {color:#323745; font-size:14px; background:url(../images/viewbtn1.png) no-repeat; width:114px; height:29px; line-height:29px; text-align:center; float:right;}
.prodDetailIn a.view:hover {background:url(../images/viewbtn1.png) no-repeat 0 -29px; color:#fff;}
.ad-thumb-list li:hover img {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:0.50; -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;}

.priceBx {float:left; background:url(../images/priceBx.png) no-repeat; width:244px; height:246px; margin:0 0 0 -28px; padding:25px 0 0 0;}
.priceBx a {float:left; color:#fff; font-size:17px; text-shadow:0 1px 0 #333; background:url(../images/detBtn.png) no-repeat; width:121px; height:50px; line-height:50px; padding:0 0 0 10px; margin:6px 0 0 0;}
.priceBx a:hover {background:url(../images/detBtn.png) no-repeat 0 -50px;}
.priceBx big {text-align:center; width:112px; color:#dee6f9; font-size:18px; display:block; float:right; line-height:24px; text-shadow:0 1px 0 #333; padding:5px 0 0 0; height:77px;}
.priceBx big span {font-size:24px; display:block;}
.priceBx ul.dis {padding:0 0 0 11px; height:58px;}
.priceBx ul.dis li {float:left; width:74px; text-align:center;}
.priceBx ul.dis li small {display:block; width:74px; color:#fff; text-shadow:0 1px 0 #333; text-align:center;}
.priceBx ul.dis li pre {display:block; width:14px; color:#fff; text-shadow:0 1px 0 #333; font-family: 'Rockwell'; text-align:center; width:74px;}
.priceBx h5 {color:#323745; font-size:16px; text-align:center; font-weight:normal;}
.priceBx ul.time {padding:3px 0 0 49px;}
.priceBx ul.time li {text-align:center; float:left; padding:0 10px;}
.priceBx ul.time li pre {color:#323745; font-size:20px; text-align:center; font-family:Tahoma, Geneva, sans-serif;}
.priceBx ul.time li small {color:#323745; font-size:12px; text-align:center; display:block; padding:3px 0 0 0;}

/*All Offer*/
.offerAll {}
.offerAll h2 {font-size:20px; color:#464b57; font-family: 'Rockwell'; font-weight:normal; padding:0 0 5px 20px;}
.offerAll ul {width:705px;}
.offerAll ul li {background:url(../images/offerBg.png) no-repeat; width:305px; height:251px; float:left; padding:22px 23px 0 24px; margin:-5px 0 0 -9px;}
.offerAll ul li a {display:block;}
.offerAll ul li a:hover {text-decoration:none; outline:none;}
.offerAll ul li .value {background:#3d4337; margin:0 0 7px 0; height:21px;}
.offerAll ul li .value p {color:#fffed1; font-size:12px; line-height:24px; padding:0 0 0 6px;  font-family: 'HelveticaNeueW23forSKY-Reg';}
.offerAll ul li .value p span {display:inline-block; width:90px;}
.offerAll ul li .value p span small {font-size:10px;}
.offerAll ul li h4 {float:left; width:165px; line-height:22px; color:#000; font-size:14px; font-family: 'HelveticaNeueW23forSKY-Reg'; font-weight:normal;}
.offerAll ul li big {float:left; text-align:right; width:78px; font-weight:bold; font-size:20px; line-height:24px; color:#323745; font-family: 'HelveticaNeueW23forSKY-Reg'; padding:0 2px 0 0;}
.offerAll ul li big small {font-size:12px;}
.offerAll ul li .view1 {float:right; background:url(../images/viewBtn.png) no-repeat 0 0; width:57px; height:22px; text-align:center; color:#323745; font-size:14px; font-family: 'HelveticaNeueW23forSKY-Reg'; font-style:normal;}
.offerAll ul li:hover .view1 {background:url(../images/viewBtn.png) no-repeat 0 -22px; color:#fff;} 

.main {position:relative; width:305px; overflow:hidden; height:184px;}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(61,67,55, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}


.view {
   width: 305px;
   height: 184px;
   overflow: hidden;
   position: relative;
}
.view .mask, .view .content {
   width: 305px;
   height: 184px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}

.offerAll .pagination {text-align:right; padding:10px 23px 0 0;}
.offerAll .pagination a {display:inline-block; background:#fff; padding:0 6px 0; height:18px; color:#2c2c2c; font-size:12px; font-weight:bold; border:1px solid #bfbfbf;}
.offerAll .pagination a:hover, .offerAll .pagination a.selected {background:#f93a59; color:#fff;}

/*Detail Page*/
.detailPage {background:url(../images/detailBdy.png) repeat-y right bottom; padding:0 0 0 15px;}
.code {background:#f1f5e0; border:1px dashed #c1c1c1; display:block; position:relative; line-height:30px; padding:0 15px; margin:10px 0; color:#464b57; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.code span {color:#f93a59;}

.highLight {width:355px; float:left; padding:15px 0 0;}
.highLight h4 {padding:0 0 15px; color:#464b57; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.highLight ul {}
.highLight li {color:#6c717c; font-size:12px; line-height:14px; padding:0 0 12px 15px; background:url(../images/astick.png) no-repeat left 3px;}

.companyInfo {width:240px; float:right; padding:15px;}
.companyInfo h4 {color:#464b57; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:0 0 12px;}
.companyInfo p {color:#464b57; font-size:12px; line-height:14px; padding:0 0 12px;}
.companyInfo p span {display:block;}
.companyInfo p big {font-size:12px; color:#799018; display:block;}
.companyInfo p big a {color:#799018;}

/*Footer*/
#footer {width:100%; min-width:960px; background:#323745; padding:20px 0;}
#footer .footerIn {width:940px; margin:0 auto; padding:0 10px;}
#footer .footerIn .fBox {float:left; width:215px; margin:0 0 0 24px; padding:0 0 45px;}
#footer .footerIn .fBox:first-child {margin-left:0;}
#footer .footerIn .fBox h2 {padding:0 0 8px; font-size:16px; color:#f4f4f4; font-weight:normal; font-family: 'Rockwell';}
#footer .footerIn .fBox ul {}
#footer .footerIn .fBox ul li {line-height:32px; background:url(../images/divider.png) repeat-x 0 0; font-size:14px; font-family: 'HelveticaNeueW23forSKY-Reg';}
#footer .footerIn .fBox ul li:first-child {background:none;}
#footer .footerIn .fBox ul li a {color:#d1d1d1;}
#footer .footerIn .fBox ul li a:hover {padding:0 0 0 5px;}
#footer .footerIn p {color:#9f9f9f; font-size:13px; font-style:italic; text-align:center;}
#footer .footerIn p a {color:#fc3d5c; text-decoration:underline;}
#footer .footerIn p a:hover {text-decoration:none;}