/*------------------------------------*\
	ACCORDION
\*------------------------------------*/
.accordion{
	width:461px;
    height:165px;
	overflow:hidden;
	list-style:none;
    padding:0;
    margin:0;
	margin-left:-1px;
}
.accordion li{
	float:left;
	width:7%;
	overflow:hidden;
	height:165px;
	border:none;
}
.accordion li:first-of-type{
    border:none;
}
.accordion li:last-of-type{
	border:none;
}
.accordion div{
	padding:0;
}
.accordion li.first-of-type{
	border:none;
}
/*
.accordion:hover li{
	width:16%;
}
.accordion li:hover{
	width:50%;
}*/

a.slide_pic{
    float:left; position:absolute;
    width:31px;
    height:162px;
    background:#fff;
    line-height:18px;
    color:#333;
    border:1px solid #ccc;
    cursor:pointer;
	writing-mode:tb-rl;
     text-overflow:ellipsis; overflow:hidden;    
}
a.slide_pic font{float:right;display:inline;margin-right:6px;width:14px;height:150px;font-size:12px; word-wrap:break-word;word-break:nomal;} 
a.slide_pic:hover{
  
    float:left; position:absolute;
    width:31px;
    height:162px;
    background:#fff;
    line-height:18px;
    color:#fff;
    border:1px solid #ccc;
	background:#C30;
    cursor:pointer;
	text-align:left;
	writing-mode:tb-rl;
	padding-right:10px;
     text-overflow:ellipsis; overflow:hidden;    
}
a.slide_pic2 font{float:right;display:inline;margin-right:6px;width:14px;height:150px;font-size:12px;word-wrap:break-word;word-break:nomal;} 

a.slide_pic2{
   
    float:left; position:absolute;
    width:31px;
    height:162px;
    background:#fff;
    line-height:15px;
    color:#fff;
	background:#C30;
    border:1px solid #ccc;
    cursor:pointer;
	writing-mode:tb-rl;
     text-overflow:ellipsis; overflow:hidden;    
}
.slide-01	{ position:relative;}
    .slide-01 span
    {
        float:left; position:absolute; margin-left:32px; border:1px solid #ccc;
    }
.slide-02	{ position:relative;}
    .slide-02 span
    {
        float:left; position:absolute;  margin-left:31px; border:1px solid #ccc;
    }
.slide-03	{ position:relative; }
    .slide-03 span
    {
        float:left; position:absolute;  margin-left:32px;  border:1px solid #ccc;
    }
.slide-04	{ position:relative;}
    .slide-04 span
    {
        float:left; position:absolute;  margin-left:31px; border:1px solid #ccc;
    }
.slide-05	{ position:relative;}
    .slide-05 span
    {
        float:left; position:absolute; margin-left:31px; border:1px solid #ccc;
    }
.slide-06	{ position:relative;}
    .slide-06 span
    {
        float:left; position:absolute;  margin-left:32px; border:1px solid #ccc;
    }
    
.slide-07	{ position:relative;}
    .slide-07 span
    {
        float:left; position:absolute;  margin-left:31px; border:1px solid #ccc;
    }
    
    .slide-07 span a img
    {
        border:none;
    }







/*------------------------------------*\
	VERTICAL
\*------------------------------------*/
#vertical{
	width:460px;
	height:165px;
}
#vertical li{
	height:10%;
	width:100%;
	border:none;
}
#vertical li:first-of-type{
	border:none;
}
#vertical li:last-of-type{
	border:none;
}
#vertical:hover li{
	height:8%;
	width:100%;
    border:1px solid #ccc;
}
#vertical li:hover{
	height:59%;
	width:100%;
}