
.popupclose{float:right;font-size:36px;line-height:20px;padding: 0px 0px; text-align:center; color:#000;filter: alpha(opacity=70);
    opacity: .7;}
.popupclose:hover{color:#999;text-decoration:none;cursor:pointer;}

.magnify{position:relative;/*width:384px;height:500px*/}
.magnify .detail-img-box{position:absolute;overflow:hidden;z-index:9990;top:-9999px;border:1px solid #8c8684}
.magnify .detail-img{position:absolute;height:1500px;width:1140px;max-width:1140px}
.magnify .rect-mask{position:absolute;cursor:crosshair;top:-9999px;left:0}
.magnify .loadmask-msg-big{z-index:999}

.infinite-carousel{position:relative;overflow:visible}
.infinite-carousel .viewport{position:relative;overflow:hidden;width:100%;height:100%}
.infinite-carousel .list{overflow:visible}
.infinite-carousel .item{cursor:pointer;float:left}
.infinite-carousel .item img{display:inline-block;vertical-align:middle}

.infinite-carousel.vertical .arrow-holder{height:12px;width:100%;position:absolute;display:block;cursor:pointer;outline:0}
.infinite-carousel.vertical .arrow-holder.top{top:-22px}
.infinite-carousel.vertical .arrow-holder.bottom{bottom:-22px}
.infinite-carousel.vertical .arrow-icon{width:100%;height:12px;left:20px;position:absolute;cursor:pointer;background-repeat:no-repeat}
.infinite-carousel.vertical .arrow-icon.top{top:0}
.infinite-carousel.vertical .arrow-icon.bottom{bottom:0}

.infinite-carousel.horizontal .arrow-holder{width:26px;height:100%;display:block;position:absolute;top:0;cursor:pointer;outline:0}
.infinite-carousel.horizontal .arrow-holder.left{left:-36px}
.infinite-carousel.horizontal .arrow-holder.right{right:-36px}
.infinite-carousel.horizontal .arrow-icon{width:26px;top:60%;margin-top:-13px;position:absolute;cursor:pointer;background-repeat:no-repeat}
.infinite-carousel.horizontal .arrow-icon.left{left:0}
.infinite-carousel.horizontal .arrow-icon.right{right:0}
.infinite-carousel.horizontal .arrow-holder.left.disabled,.infinite-carousel.horizontal .arrow-holder.right.disabled{display:none}



.prod-note-four .border-radius,.prod-note-four .border-radius-banner{border:1px solid #DDD;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:10px;padding:10px;line-height:150%;color:#666}
.prod-note-four .border-radius .red,.prod-note-four .border-radius-banner .red{color:#900}
.prod-note-four.prod-little-text{font-size:11px;color:#666}
.prod-note-four .u,.prod-note-four .u:link,.prod-note-four .u:visited{text-decoration:underline}
.pagelet.prod-gallery-h{/*width:384px*/}
.pagelet.prod-gallery-h .magnify{/*height:384px*/}
.pagelet.prod-gallery-h .magnify .detail-img{width:1500px;max-width:1500px}


.pagelet.prod-gallery-h .down .infinite-carousel{width:45px;height:450px;position:relative;}
.pagelet.prod-gallery-h .down .infinite-carousel .viewport{width:45px;height:450px;position:absolute;overflow:hidden}
.pagelet.prod-gallery-h .down .infinite-carousel .arrow{width:0;height:0;border-style:solid;border-width:0 5.5px 5px 5.5px;border-color:transparent transparent #333 transparent;position:absolute;top:0;left:28px}
.pagelet.prod-gallery-h .down .infinite-carousel .list{width:45px;position:absolute;left:0;top:0;height:10000px;margin:0}
.pagelet.prod-gallery-h .down .infinite-carousel .list li{list-style:none}
.pagelet.prod-gallery-h .down .infinite-carousel .list a{display:block;width:42px;height:42px;background:#fff;border-radius: .25rem;}
.pagelet.prod-gallery-h .down .infinite-carousel .list img{width:42px;height:42px;padding:2px;box-shadow: inset 0 0 0 1px #ccc;border-radius: .25rem;}
.pagelet.prod-gallery-h .down .infinite-carousel .list img:hover{box-shadow: inset 0 0 0 2px #D70060;border-radius: .25rem;}
.pagelet.prod-gallery-h .down .infinite-carousel .list .arrow{display:none}
.pagelet.prod-gallery-h .down .infinite-carousel .list .item{display:list-item;margin:0 0px 0px;width:45px;height:45px;position:relative}
.pagelet.prod-gallery-h .down .infinite-carousel .list .current{padding:0px;}
.pagelet.prod-gallery-h .down .infinite-carousel .list .current .arrow{display:block; display:none}
.pagelet.prod-gallery-h .down .infinite-carousel .list .current a{width:42px;height:42px;background-color:#D70060;border-radius: .25rem;}
.pagelet.prod-gallery-h .down .infinite-carousel .list .current img{border:0;box-shadow: inset 0 0 0 2px #D70060;border-radius: .25rem;}}

.litb-icon-thin-right-arraw {
    background: url("../images/arrow.png") no-repeat scroll -236px -368px transparent;
    height: 19px;
    width: 18px;display:block; 
}
.litb-icon-thin-right-arraw:hover {
    background-position: -264px -368px;
}

.dream-right-arraw {
    background: url("../images/arrow.png") no-repeat scroll -236px -368px transparent;
    height: 19px;
    width: 18px; display:block; 
}
.dream-right-arraw:hover {
    background-position: -264px -368px;
}

.litb-icon-thin-left-arraw {
    background: url("../images/arrow.png") no-repeat scroll -292px -368px transparent;
    height: 19px;
    width: 18px;
}
.litb-icon-thin-left-arraw:hover {
    background-position: -208px -368px;
}



/************************************************************************************
smaller than 768 - 991
*************************************************************************************/

@media (min-width: 768px) and (max-width: 991px) { 
.infinite-carousel.horizontal .arrow-icon.left{left:15px}
.infinite-carousel.horizontal .arrow-holder.right{right:-28px}
.pagelet.prod-gallery-h .down .infinite-carousel{width:340px;}
.pagelet.prod-gallery-h .down .infinite-carousel .viewport{width:335px;}
.pagelet.prod-gallery-h .down .infinite-carousel .list .item{margin:0 3px;}

 }

/************************************************************************************
smaller than 768 - 991
*************************************************************************************/