﻿/*Horizontal Orientation CSS*/

a.aleft{float:left;}
a.agrayleft{cursor:default;}
a.agrayright{cursor:default;}
.scrolllist{width:742px;height:204px;margin:0 auto;}
.scrolllist .imglist_w{width:704px;overflow:hidden;float:left;position:relative;/*必要元素*/}
.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li{width:182px;float:left;}

/*.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}*/
#s2{width:182px; overflow:hidden; margin-top:13px;}
#s2 .imglist_w{width:182px;}
#s2 .imglist_w ul{/*height:20000px;*/width:auto;position:absolute;left:0px;top:0px;}
#s2 .imglist_w li{float:none;}
#s2 .imglist_w li a{ overflow:hidden; cursor:pointer;}
.jscarousal-horizontal{width: 740px;height: 118px;background-color: #121212;border: solid 1px #7A7677;margin: 0;padding: 0;padding: 22px 8px 22px 8px;position: relative; /*overflow: hidden;*/}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward{float: left;width: 23px;height: 98px;background-color: #121212;color: White;position: relative;top: 6px;cursor: pointer;}
.jscarousal-horizontal-back{background-image: url(../images/left_arrow.jpg);background-repeat: no-repeat;background-position: left;}
.jscarousal-horizontal-forward{background-image: url(../images/right_arrow.jpg);background-repeat: no-repeat;background-position: right;}
.jscarousal-contents-horizontal{width: 690px;height: 124px;float: left;position: relative;overflow: hidden;}
.jscarousal-contents-horizontal > div{position: absolute;width: 100%;height: 124px;}
.jscarousal-contents-horizontal > div > div{float: left;margin-left: 8px;margin-right: 8px;}
.jscarousal-contents-horizontal img{width: 120px;height: 94px;border: solid 1px #7A7677;}
/*Horizontal Orientation CSS Ends*/
/*Vertical Orientation CSS Starts*/
.jscarousal-vertical{width:182px;height:1646px;margin: 0;padding: 0;position: relative;overflow: hidden;}
.jscarousal-vertical-back, .jscarousal-vertical-forward{width: 100%;height: 30px;background-color: #121212;color: White;position: relative;cursor: pointer;z-index:100;}
.jscarousal-vertical-back{ background:url(../images/ahd_tpgds.png) center center no-repeat; width:70px; height:30px; display:inline-block; float:left;
margin:0 10px;}
.jscarousal-vertical-forward{ width:70px; height:30px; display:inline-block; float:left; background:url(../images/ahd_tpgdx.png) center center no-repeat;
margin:0 10px;}
.jscarousal-contents-vertical{overflow: hidden;width:182px;height:1616px;}
.jscarousal-contents-vertical > div{position: absolute;top: 0px;width: 100%;height: 1616px;overflow: hidden;}
.jscarousal-contents-vertical li{position:relative;}
.jscarousal-contents-vertical li{ *margin-bottom:20px;}
.jscarousal-contents-vertical li a{width:182px;height:182px; margin-bottom:20px;  display:block;}
.jscarousal-contents-vertical li p{display: block;width:92%;text-align: center; position:absolute; bottom:0px; left:0px;
background:url(../images/btrans60.png) repeat; height:34px; line-height:34px; padding:0px 4%;}
.jscarousal-contents-vertical img{width:182px;height:182px;}
.jscarousal-contents-vertical .pf{ float:right; color:#fff; font-size:18px; line-height:34px; font-weight:normal;}
.jscarousal-contents-vertical .pf i{ width:19px; height:19px; display:block; display:inline-block; vertical-align:top; background:url(../images/bus_pf.png) left center no-repeat;
margin-top:7px; margin-right:6px;}
.jscarousal-contents-vertical  .name{ display:block; font-size:16px; color:#fff; margin-right:55px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
text-align:left; font-weight:normal; height:34px; margin:0px; width:auto;}
/*Vertical Orientation CSS Ends*/
/*Common*/
.hidden{display: none;}
.visible{display: block;}
.thumbnail-active{filter: alpha(opacity=100);opacity: 1.0;cursor: pointer;}
.thumbnail-inactive{filter: alpha(opacity=20);opacity: 0.2;cursor: pointer;}
.thumbnail-text{color: #7A7677;font-weight: bold;text-align: left;display: block;padding: 10px 2px 2px 0px;}


/*商家搜素修改*/
.categories-spss .jscarousal-vertical{ height:auto;}
.categories-spss #s2 .imglist_w{ height:auto;}
.categories-spss #s2 .imglist_w ul{ position:static;}