@charset "utf-8";

/* sliderbox */
.sliderbox{width:100%;position:relative; margin:0 auto}
.btn{position:absolute;display:none;width:22px;cursor:pointer;text-indent:-999em;}
.pre{background: url(http://www.manhattanportage.com/catalog/mobile/images/arrow-left.png) no-repeat -20% 50%;
    display: block;
    float: right;
    left: -20px;
    display:none;
    background-position: 115% 50%;
	top:35%}
.next{    background: url(http://www.manhattanportage.com/catalog/mobile/images/arrow-right.png) no-repeat -20% 50%;
    display: block;
    float: right;
    right: -20px;
    
    background-position: 115% 50%;
	top:35%}
#ztbox{width:100%;position:relative;height:120px;}
.spic{width:100%;position:relative;padding-top:6px;height:78px;}
#left{    width: 20px;
    height: 43px;
    float: left;
    top: 50px;
    position: absolute;
    left: -20px;
    cursor: pointer;
    background: url(http://www.manhattanportage.com/catalog/mobile/images/arrow-left.png) no-repeat;}
#right{width:20px;height:43px;right:-20px;top:50px;position:absolute;cursor:pointer;background:url(http://www.manhattanportage.com/catalog/mobile/images/arrow-right.png) no-repeat;}
#conter{margin-left:25px;width:90%;position:relative;height:115px;float:left;display:inline;overflow:hidden;}
#conter .txt{display:none;}
#conter ul{width:auto;overflow:hidden;top:0px;left:0px;position:absolute;}
#conter li{width:82px;cursor:pointer;float:left;display:inline;margin:0 0 0 4px;}
#conter li b,#conter li strong{font-weight:normal;}
#conter li.on{border-bottom:2px solid #ddd;}
#conter li.on span{background:#898989;color:#fff;}
#conter li img{width:82px;float:left;overflow:hidden;}
#conter li span{display:block;width:100%;line-height:17px;color:#797979;float:left;height:17px;overflow:hidden;background:#eaeaea;text-align:center;}
#scroll{opacity:0;background:url(../images/line.gif) repeat-x left bottom;width:575px;height:13px;left:0px;bottom:14px;cursor:pointer;position:absolute; }
#scroll span{width:142px;height:13px;left:0px;bottom:0px;cursor:pointer;position:absolute;background:url(../images/scrollBg.png) no-repeat;}
.bpic{width:100%;margin:0 auto 0 auto;}

.bigpic{width:90%;position:relative;margin-bottom:10px;}
.intro{width:100%;height:52px;position:absolute;left:0;bottom:4px;}
.bg{background:#000;filter:alpha(opacity=40);opacity:0.4;z-index:0;width:100%;height:52px;position:absolute;bottom:0;}
.txt{position:absolute;padding-left:1%;width:99%;top:5px;z-index:10;color:#fff;}
.txt h2{width:100%;float:left;font-size:16px;padding-bottom:4px;}
.txt p{width:100%;float:left;}
.bclose{position:absolute;right:10px;top:10px;z-index:11;cursor:pointer;color:#fff;}