@charset "utf-8";
/* CSS Document */

.product-slider *, .product-slider *:before, .product-slider *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
[data-icon]:before {
	font-family: 'blockshop-icons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.grabbing {
	cursor: url(grabbing.png) 8 8, move;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective: 1200px;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	perspective: 1200px;
}
.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease;
}
.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease;
}
.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}
.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	animation: goDown .6s ease both;
}
.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both;
}
@-webkit-keyframes empty {
0% {
opacity:1;
}
}
@-moz-keyframes empty {
0% {
opacity:1;
}
}
@keyframes empty {
0% {
opacity:1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity:.5;
-webkit-transform:translateZ(-500px);
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%);
}
100% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
25% {
opacity:.5;
-moz-transform:translateZ(-500px);
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%);
}
100% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
25% {
opacity:.5;
transform:translateZ(-500px);
}
75% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%);
}
100% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(200%);
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px);
}
100% {
opacity:1;
-webkit-transform:translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
0%, 25% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(200%);
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px);
}
100% {
opacity:1;
-moz-transform:translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
0%, 25% {
opacity:.5;
transform:translateZ(-500px) translateX(200%);
}
75% {
opacity:.5;
transform:translateZ(-500px);
}
100% {
opacity:1;
transform:translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
to {
opacity:0;
-webkit-transform:scale(0.8);
}
}
@-moz-keyframes scaleToFade {
to {
opacity:0;
-moz-transform:scale(0.8);
}
}
@keyframes scaleToFade {
to {
opacity:0;
transform:scale(0.8);
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform:translateY(-100%);
}
}
@-moz-keyframes goDown {
from {
-moz-transform:translateY(-100%);
}
}
@keyframes goDown {
from {
transform:translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity:0;
-webkit-transform:scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
from {
opacity:0;
-moz-transform:scale(1.5);
}
}
@keyframes scaleUpFrom {
from {
opacity:0;
transform:scale(1.5);
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity:0;
-webkit-transform:scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
to {
opacity:0;
-moz-transform:scale(1.5);
}
}
@keyframes scaleUpTo {
to {
opacity:0;
transform:scale(1.5);
}
}
.product-grid {
	margin: 0 auto;
	width: 60%;
	min-width: 290px;
	padding: 0;
	list-style: none;
}
@media only screen and (min-width:768px) {
.product-grid {
	width: 100%;
}
}
.lt-ie9 .product-grid {
	width: 100%;
}
.product-grid.owl-carousel {
	margin: 0;
	width: 100%;
	min-width: 0;
}
.product-grid .product-item {
	text-align: center;
	float: none;
	margin-bottom: 30px;
}
@media only screen and (min-width:768px) {
.product-grid .product-item {
	float: left;
}
}
.lt-ie9 .product-grid .product-item {
	float: left;
}
.product-grid .image-wrapper {
	position: relative;
	display: inline-block;
	max-width: 100%;
}
#content .product-grid .image-wrapper {
	width: 100%;
}
.product-grid .image-wrapper img {
	width: 100%;
	height: auto
}
.product-grid .image-wrapper .hover {
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
}
.product-grid .caption {
	text-align: left;
	text-transform: uppercase;
	margin-top: 15px;
	color: #999999;
	font-size: 12px
}
.product-grid .circle {
	text-align: center;
	text-transform: uppercase;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	color: #f7f7f7;
	background: #444444;
	font-family: "微软雅黑", "lato";
	font-size: 1em;
	font-weight: 300;
	padding: 23px 0 0 0;
	top: 5px;
	right: 5px;
	height: 65px;
	width: 65px;
}
@media only screen and (min-width:1280px) {
.product-grid .circle {
	font-size: 1.16667em;
	padding: 35px 0 0 0;
	top: 15px;
	right: 15px;
	height: 90px;
	width: 90px;
}
}
.lt-ie9 .product-grid .circle {
	font-size: 1.16667em;
	padding: 35px 0 0 0;
	top: 15px;
	right: 15px;
	height: 90px;
	width: 90px;
}
.product-grid .sold-out {
	color: #ffffff;
	background: #cccccc;
	padding: 18px 0 0 0;
	line-height: 1.3;
}
@media only screen and (min-width:1280px) {
.product-grid .sold-out {
	padding: 28px 0 0 0;
}
}
.lt-ie9 .product-grid .sold-out {
	padding: 28px 0 0 0;
}
.product-grid .title {
	font-family: "微软雅黑", "lato";
	font-size: 1.16667em;
}
.product-grid .title a {
	color: #444444;
}
.product-grid .vendor a {
	color: #444444;
}
.product-grid .price {
	margin-top: 15px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #444444;
}
.product-grid em.marked-down-from {
	text-decoration: line-through;
	font-size: 1em;
	text-transform: lowercase;
	color: #999999;
}
.template-index .product-slider {
	background: transparent;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}
@media only screen and (min-width:768px) {
.template-index .product-slider {
	padding-top: 100px;
	padding-bottom: 100px;
}
}
.lt-ie9 .template-index .product-slider {
	padding-top: 100px;
	padding-bottom: 100px;
}
.template-index .product-slider .product-item {
*max-width:100%;
	display: none;
	padding: 0px;
	margin: 0 5px;
	margin-bottom: 0;
}
.template-index .product-slider .owl-prev, .template-index .product-slider .owl-next {
color:settings.color-text;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 50px;
	position: absolute;
	top: 50%;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	background: black;
	opacity: 0.8;
}
@media only screen and (min-width:768px) {
.template-index .product-slider .owl-prev, .template-index .product-slider .owl-next {
	font-size: 70px;
}
}
.lt-ie9 .template-index .product-slider .owl-prev, .lt-ie9 .template-index .product-slider .owl-next {
	font-size: 70px;
}
.template-index .product-slider .owl-prev {
	left: 0;
	margin: -80px 0 0 -50px;
}
@media only screen and (min-width:768px) {
.template-index .product-slider .owl-prev {
	margin: -80px 0 0 -80px;
}
}
.lt-ie9 .template-index .product-slider .owl-prev {
	margin: -80px 0 0 -80px;
}
.template-index .product-slider .owl-prev:before {
}
.template-index .product-slider .owl-next {
	right: 0;
	margin: -80px -50px 0 0;
}
@media only screen and (min-width:768px) {
.template-index .product-slider .owl-next {
	margin: -80px -80px 0 0;
}
}
.lt-ie9 .template-index .product-slider .owl-next {
	margin: -80px -80px 0 0;
}
.template-index .product-slider .owl-next:before {
}
.template-index .product-slider .content.row {
	padding: 0 5%;
}
.lt-ie9 .template-index .product-slider .content.row {
	padding: 0 100px;
}
.template-index .product-slider ul {
	list-style: none;
	margin-top: 50px;
}
.template-index .product-slider ul li .columns {
	float: left !important;
}
.subnav {
	width: 70%;
	position: absolute;
	background: url(../images/subnavbg.png) repeat;
	height: 280px;
	z-index: 5;
	top: 105px;
	left: -1%;
	display: none;
	overflow: visible;
	visibility: visible
}
.subnav-wrapper {
	position: relative;
	display: none;
	background: black
}
@media screen and (max-width:768px) {
.subnav {
	width: 100%;
}
}
.subnav .list-title {
	margin-bottom: 35px
}
.subnav .list-title h1 {
	display: block;
	font-size: 14px;
	color: #dac17f;
	font-weight: 100;
	line-height: 35px;/*font-style:italic*/
}
.subnav .list-title h2 {
	display: block;
	color: #999999;
	font-size: 12px;
	font-weight: 100;
}
.subnav .product-slider {
	position: absolute;
	top: -9px;
	left: 130px;
	z-index: 99999;
	width: 75%;
	width: calc(100% - 155px);
	width: -webkit-calc(100% - 155px);
	width: -moz-calc(100% - 155px);
	padding: 25px 0;
width:expression(document.getElementById("subnav").offsetWidth-document.getElementById("header").offsetWidth-80);
}
.subnav .product-item {
*width:100%
}
.subnav .product-slider .content.row {
	padding: 0
}
.subnav .product-slider .owl-prev, .subnav .product-slider .owl-next {
	margin: 0;
	z-index: 99999;
	width: 50px;
	height: 50px
}
.subnav .product-slider .owl-next {
	top: 39px;
	margin-right: -55px;
	background: url(../images/list-next.png) no-repeat;
}
.subnav .product-slider .owl-prev {
	top: 39px;
	margin-left: -15px;
	background: url(../images/list-prev.png) no-repeat
}
.subnav .owl-item:hover .caption {
	color: #dac17f;
}
.subnav .product-grid .image-wrapper {
+margin:0 5px;
}
.subnav .product-grid .caption {
+margin:0 10px;
+line-height:50px
}
.trend-top .product-slider .owl-next {
	top: 200px;
	background: url(../images/list-next.png) no-repeat;
	right: 50px;
	width: 12px;
	height: 23px
}
.trend-top .product-slider .owl-prev {
	top: 200px;
	background: url(../images/list-prev.png) no-repeat;
	left: 50px;
	width: 12px;
	height: 23px
}
.trend-top .product-slider {
	padding: 50px 0
}
.trend-top .owl-carousel .owl-item {
}
.trend-top .product-grid .caption {
	margin: 0;
	text-align: center;
	height: 140px;
	border-bottom: 1px solid #4a4a4a;
	line-height: 18px;
	color: #777777;
	margin-top: -5px
}
@media only screen and (min-width:0px) {
.trend-top .product-slider .product-item:hover .caption {
	background: #4a4a4a
}
}
.trend-top .product-slider .product-item:hover {
+background:#4a4a4a
}
.trend-top .product-slider .product-item:hover .caption {
	color: #dddddd
}
.trend-top .product-slider .product-item:hover .trend-top-item-title {
	color: #d0bb83
}
.trend-middle .product-slider .owl-next {
	top: 250px;
	background: url(../images/t-p-next.png) no-repeat;
	right: 5.7%;
	width: 12px;
	height: 23px
}
.trend-middle .product-slider .owl-prev {
	top: 250px;
	background: url(../images/t-p-prev.png) no-repeat;
	left: 6%;
	width: 12px;
	height: 23px
}
@media only screen and (max-width:600px) {
.trend-middle .product-slider .owl-next {
	top: 250px;
	background: url(../images/t-p-next.png) no-repeat;
	right: 0;
	width: 12px;
	height: 23px
}
.trend-middle .product-slider .owl-prev {
	top: 250px;
	background: url(../images/t-p-prev.png) no-repeat;
	left: 0;
	width: 12px;
	height: 23px
}
}
.trend-middle .product-slider {
	padding: 65px 0;
	overflow: hidden
}
.trend-middle .owl-carousel .owl-item {
}
.trend-middle .product-grid .caption {
	margin: 0;
	line-height: 18px;
	color: #777777;
	margin-top: -5px
}
.trend-middle .product-slider .product-item:hover .trend-top-item-title {
	color: #d0bb83
}
.template-index .trend-middle .product-slider .product-item {
	width: 100%
}
.product-other .product-slider .owl-next {
	top: 200px;
	background: url(../images/t-p-next.png) no-repeat;
	right: 6.3%;
	width: 12px;
	height: 23px
}
.product-other .product-slider .owl-prev {
	top: 200px;
	background: url(../images/t-p-prev.png) no-repeat;
	left: 6%;
	width: 12px;
	height: 23px
}
.product-other .product-slider {
	padding: 65px 0;
	overflow: hidden
}
.product-other .owl-carousel .owl-item {
}
.product-other .product-grid .caption {
	margin: 0;
	line-height: 18px;
	color: #777777;
	margin-top: -5px
}
.product-other .product-slider .product-item:hover .trend-top-item-title {
	color: #d0bb83
}
.trend-middle .product-grid .image-wrapper img {
	width: 103%;
	margin-left: 1px
}
/**20140627**/
.template-index .product-slider .product-item {
	width: 95%
}
@media only screen and (min-width: 0px) {
.trend-top .product-slider .product-item.product-item-at .caption {
	background: #4A4A4A;
	color: #DDD;
}
.trend-top .product-slider .product-item.product-item-at .trend-top-item-title {
	color: #D0BB83;
}
}
.trend-middle .product-slider .owl-next {
	top: 270;
+top:250;
	right: 5%;
+right:1%;
}
.trend-middle .product-slider .owl-prev {
	top: 270;
+top:250px;
	left: 5.3%;
+left:1.3%;
}
#window .subnav .list-title {
	margin-bottom: 20px
}
#window .product-grid .image-wrapper {
	width: 100%;
	max-width: 140px
}
#window .subnav .owl-item .caption {
	width: 100%;
	max-width: 140px;
	margin: 0 auto;
}
#window .subnav .product-slider .owl-prev, #window .subnav .product-slider .owl-next {
	top: 50%;
	margin-top: -20px;
}
#window .subnav .product-slider {
	left: 120px;
}