/* -------------------------collection------------------------- */

.col_wrapper{width:100%; overflow:hidden; background-color:#FFF;}
.col_wrap{ width:100%; height:768px; background: url(../_img/08_album/bg.jpg) no-repeat center top;overflow:hidden; background-size: cover;-moz-background-size: cover;}

.col_content{ width:960px; margin:0 auto; padding:130px 0 0 0; overflow:hidden;}

.col_content_top{ width:960px; height:40px; float:left; text-align:right; }

.col_content_left{ width:226px; height:381px; float:left; background:url(../_img/08_album/bg.png) repeat; padding:60px 35px 0 35px; }
.col_content_left .title{ width:226px; float:left;color:#FFF; font-size:30px; line-height:35px; }
.col_content_left .text{ width:226px; float:left;color:#F2B4A0; margin:20px 0 0 0; }
.col_content_left .btn{ width:226px; float:left; margin:120px 0 0 0;}

.col_footer{width:100%;overflow:hidden; display:block;}
.col_footer_wrap{width:960px;overflow:hidden; margin:0 auto;display:block;}

.col_footer_wrap ul.box{ width:650px; display:block; overflow:hidden; float:left; margin:30px 0 0 0;}
.col_footer_wrap ul.box li.link{ width:100px; float:left; text-align:center; background:url(../_img/08_album/footer_line.gif) right no-repeat; color:#666;}
.col_footer_wrap ul.box li.link a{color:#666; }
.col_footer_wrap ul.box li.link a:hover{color:#EB6331; }

.col_footer_wrap ul.box li.link02{ width:90px; float:left; text-align:center; background:url(../_img/08_album/footer_line.gif) right no-repeat; color:#666;}
.col_footer_wrap ul.box li.link02 a{color:#666; }
.col_footer_wrap ul.box li.link02 a:hover{color:#EB6331;}

.col_footer_wrap ul.box li.link03{ width:160px; float:left; text-align:center; background:url(../_img/08_album/footer_line.gif) right no-repeat; color:#666;}
.col_footer_wrap ul.box li.link03 a{color:#666; }
.col_footer_wrap ul.box li.link03 a:hover{color:#EB6331;}

.col_footer_wrap ul.box li.link04{ width:90px; float:left; text-align:center; color:#666;}
.col_footer_wrap ul.box li.link04 a{color:#666; }
.col_footer_wrap ul.box li.link04 a:hover{color:#EB6331; }


.col_footer_wrap ul.box2{ width:300px; display:block; overflow:hidden; float:right;}
.col_footer_wrap ul.box2 li.text{float:right; color:#666; margin:30px 0 0 0; font-size:11px;}
.col_footer_wrap ul.box2 li.logo{float:right; margin:25px 0 0 10px;}



/* --album-- */
.col_content_right{ width:663px; height:441px; float:left; overflow:hidden; position:relative; background-color:#FFF; }
.col_content_right ul.con{ margin:0; padding:0; min-width:664px; height:441px; display:block; position:absolute}
.col_content_right ul.con li.box{ width:221px; height:441px; display:block; float:left;}

.col_content_right ul.con li.box ul.con2{margin:0; padding:0; width:220px; display:block;}
.col_content_right ul.con li.box ul.con2 li.box2 { width:220px; height:220px; display:block; position:relative; margin:0 0 1px 1px; overflow:hidden}
.col_content_right ul.con li.box ul.con2 li.box2 img { display:block; width:220px; height:220px; z-index:5; position:absolute}
.col_content_right ul.con li.box ul.con2 li.box2 span.title{ width:190px; height:130px; display:none; position:absolute; top:0 ;left:0; background:url(../_img/08_album/textbg.png) repeat; text-align:center; padding:90px 15px 0 15px; color:#FFF; font-size:15px; z-index:100;}



.btnPrev{ width:27px;height:51px; float:left; background:url(../_img/08_album/left.png) top no-repeat;}
.btnNext{width:27px; height:51px; float:right;  background:url(../_img/08_album/right.png) top no-repeat;}
.btnPrev a { display:block; width:100%; height:100%}
.btnNext a { display:block; width:100%; height:100%}