/**
 * @author zengpan.zhengzp
 */

.app-fullScreenRoll .design-box {
    position: relative;
    width: 100%;
  	overflow: hidden;
}
    
.app-fullScreenRoll .design-wrap {
    position: relative;
	width:950px;
	overflow: visible;
	margin: 0 auto;
}
    
/**
 * tabs
 */
.app-fullScreenRoll .design-tabs-pos {
    position: absolute;
    overflow: hidden;
    width: 1920px;
    height:100%;
    left: 50%;
    top: 0;
    margin-left: -960px;
}
.app-fullScreenRoll .design-tabs,
.app-fullScreenRoll .fx-tab-pane{
    height:100%;
}
    
.app-fullScreenRoll .fx-tab-pane a,
.app-fullScreenRoll .fx-tab-pane img {
    display: block;
}
.app-fullScreenRoll .fx-tab-pane img{
	margin: 0 auto;
}
    
/**
 * tab-nav
 */
.app-fullScreenRoll .fx-tab-nav {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 10px;
    z-index: 99;
}
.app-fullScreenRoll .fx-tab-nav li {   
    float: left;
    overflow: hidden;
    width: 18px;
    height: 18px;
    margin-right: 6px;
         
    background: #999;
    border-radius: 9px;
         
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
     
    cursor: pointer;
}
    
.app-fullScreenRoll .fx-tab-nav li.active {
  background: #c20000;
  color: #fff;
}

.app-fullScreenRoll .fx-prev,
.app-fullScreenRoll .fx-next{
	position: absolute;
	display:none;
	width:42px;
	height:124px;
	opacity:0.5;
	filter:alpha(opacity = 50);
	cursor: pointer;
	z-index:1000;
}

.app-fullScreenRoll .fx-prev:hover,
.app-fullScreenRoll .fx-next:hover{
	opacity:0.3;
	filter:alpha(opacity = 30);
}

.app-fullScreenRoll .fx-next{
    right:0;
	background:url('../images/fx-next.png') no-repeat #000000 center;
}

.app-fullScreenRoll .fx-prev{
	left:0;
	background:url('../images/fx-prev.png') no-repeat #000000 center;
}

.app-fullScreenRoll .fx-tab-effect-fade .fx-tab-content li{
	width:100%;
}