a:focus{outline:0}
ul,li{margin:0;padding:0;list-style:outside none none}
.main{padding:30px 36px 30px 38px;width:826px;background:url(../img/bg.jpg) #999}
h1{color:#000;text-shadow:0 2px 3px rgba(0,0,0,0.3)}
.tip{color:#b22;text-shadow:0 2px 3px rgba(0,0,0,0.3)}
.tip a{color:#b22}
.cd-container{margin:0 auto;max-width:1200px}
.cd-container::after{clear:both;display:table;content:''}
.cd-gallery-container{overflow:hidden;margin:35px 0 0}
.cd-gallery{position:relative;z-index:5;width:866px}
.cd-gallery>li{position:relative;float:left;margin:0 35px 35px 0;width:250px}
.cd-gallery .cd-item-wrapper{position:relative}
.touch .cd-gallery .cd-item-wrapper{-webkit-perspective:800px;-moz-perspective:800px;perspective:800px}
.cd-gallery .cd-item-wrapper.is-switched .is-visible{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-ms-transform:rotateY(180deg);-webkit-animation:cd-rotate .75s;-moz-animation:cd-rotate .75s;animation:cd-rotate .75s}
.cd-gallery .cd-item-wrapper.is-switched .is-hidden{opacity:0;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0);-ms-transform:rotateY(0);-webkit-animation:cd-rotate-inverse .75s;-moz-animation:cd-rotate-inverse .75s;animation:cd-rotate-inverse .75s}
.cd-gallery .cd-item-wrapper.is-switched .is-selected{opacity:1}
.cd-gallery .cd-item-wrapper>li{box-shadow:3px 4px 4px rgba(0,0,0,0.6);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cd-gallery .cd-item-wrapper>li img{display:block;width:250px;height:250px;background:url("../../../img/l.gif") no-repeat scroll center center}
.cd-gallery li.is-visible{position:relative;z-index:5}
.cd-gallery li.is-hidden{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-ms-transform:rotateY(180deg)}
@-webkit-keyframes cd-rotate{0%{-webkit-transform:perspective(800px) rotateY(0)}
70%{-webkit-transform:perspective(800px) rotateY(200deg)}
100%{-webkit-transform:perspective(800px) rotateY(180deg)}
}
@-moz-keyframes cd-rotate{0%{-moz-transform:perspective(800px) rotateY(0)}
70%{-moz-transform:perspective(800px) rotateY(200deg)}
100%{-moz-transform:perspective(800px) rotateY(180deg)}
}
@keyframes cd-rotate{0%{-webkit-transform:perspective(800px) rotateY(0);-moz-transform:perspective(800px) rotateY(0);-o-transform:perspective(800px) rotateY(0);transform:perspective(800px) rotateY(0);-ms-transform:perspective(800px) rotateY(0)}
70%{-webkit-transform:perspective(800px) rotateY(200deg);-moz-transform:perspective(800px) rotateY(200deg);-o-transform:perspective(800px) rotateY(200deg);transform:perspective(800px) rotateY(200deg);-ms-transform:perspective(800px) rotateY(200deg)}
100%{-webkit-transform:perspective(800px) rotateY(180deg);-moz-transform:perspective(800px) rotateY(180deg);-o-transform:perspective(800px) rotateY(180deg);transform:perspective(800px) rotateY(180deg);-ms-transform:perspective(800px) rotateY(180deg)}
}
@-webkit-keyframes cd-rotate-inverse{0%{-webkit-transform:perspective(800px) rotateY(-180deg)}
70%{-webkit-transform:perspective(800px) rotateY(20deg)}
100%{-webkit-transform:perspective(800px) rotateY(0)}
}
@-moz-keyframes cd-rotate-inverse{0%{-moz-transform:perspective(800px) rotateY(-180deg)}
70%{-moz-transform:perspective(800px) rotateY(20deg)}
100%{-moz-transform:perspective(800px) rotateY(0)}
}
@keyframes cd-rotate-inverse{0%{-webkit-transform:perspective(800px) rotateY(-180deg);-moz-transform:perspective(800px) rotateY(-180deg);-o-transform:perspective(800px) rotateY(-180deg);transform:perspective(800px) rotateY(-180deg);-ms-transform:perspective(800px) rotateY(-180deg)}
70%{-webkit-transform:perspective(800px) rotateY(20deg);-moz-transform:perspective(800px) rotateY(20deg);-o-transform:perspective(800px) rotateY(20deg);transform:perspective(800px) rotateY(20deg);-ms-transform:perspective(800px) rotateY(20deg)}
100%{-webkit-transform:perspective(800px) rotateY(0);-moz-transform:perspective(800px) rotateY(0);-o-transform:perspective(800px) rotateY(0);transform:perspective(800px) rotateY(0);-ms-transform:perspective(800px) rotateY(0)}
}