.koko_box{
	position: relative;
	display: block;
	box-sizing: border-box;
}
.koko_box:after{
    content:"";
    position: relative;
    display: block;
    clear: both;
}
.koko_box img{ width:100%; height:100%;}
.koko_box *{
    position: relative;
    display: block;
    box-sizing: border-box;
/*    border:1px solid #ccc;*/
}
.koko_box>.koko_unit{
/*    float:left;*/
    position: relative;
/*    width:25%;*/
}
.koko_box>.koko_unit>.koko_nofixed{
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
}
.koko_box>.koko_unit>.koko_fixed{
    position: relative;
    display: block;
    width: 100%; 
    height: auto;
}
.koko_box>.koko_unit>.koko_animate{
    position: absolute;
    top:0; bottom:0; left:0; right:0;
}
/*
.koko_box>.koko_unit>.koko_animate{}
.koko_box>.koko_unit>.koko_animate>.koko_shell{}
.koko_box>.koko_unit>.koko_animate>.koko_shell>.koko_figure{} ***
.koko_box>.koko_unit>.koko_animate>.koko_shell>.koko_figure>.koko_frame{}
.koko_box>.koko_unit>.koko_animate>.koko_shell>.koko_figure>.koko_frame>.koko_image{}
*/
.koko_shell{ width:100%; 
    height:100%; 

}
.koko_shell>.koko_figure{
    width:100%; 
    height:100%;
}
.koko_shell>.koko_figure>.koko_frame{
    overflow: hidden;
/*    transition-timing-function:ease-out; */
    /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */
/*	transition-duration:1000ms;    */
    /* transition-property:width,height; */
}
.koko_shell>.koko_figure[how='lr']>.koko_frame{ position: absolute; top:0;
    left:0; 
/*    transition-property:width;*/
/*    background-color:rgba(128,64,64,0.5); */
/*    width:200px;*/
}
.koko_shell>.koko_figure[how='rl']>.koko_frame{ position: absolute; top:0;
    right:0; 
/*    transition-property:width;*/
/*    background-color:rgba(128,128,64,0.5); */
/*    width:150px;    */
}
.koko_shell>.koko_figure[how='tb']>.koko_frame{ position: absolute; left:0;
/*    transition-property:height;*/
    top:0; 
/*    background-color:rgba(64,128,128,0.5); */
/*    height:100px;    */
}
.koko_shell>.koko_figure[how='bt']>.koko_frame{ position: absolute; left:0;
    bottom:0; 
/*    transition-property:height;*/
/*    background-color:rgba(64,64,128,0.5); */
/*    height:100px;    */
}
.koko_shell>.koko_figure>.koko_frame{    
    //border:1px solid #f00;
    width:100%; height:100%;
}
.koko_shell>.koko_figure>.koko_frame>.koko_image{
/*    width:100%; height:100%;*/
}


/* 以下自行更改 .koko_unit 尺寸 */

.coco_unit {
	width: 100%;
	position: relative;
	display: block;
	float: left;
	height: auto;
}

.coco_unit_50 { 
    width:50%;
    position: relative;
    display: block;
    margin:auto;
}

.coco_unit_80 { 
    width:80%;
    position: relative;
    display: block;
    margin:auto;
}