*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.container{position:relative;width:300px;height:250px;overflow:hidden}.container .ad{position:absolute;top:0;left:0;width:1500px;height:250px}.container .ad .window{display:inline-block;width:300px;height:250px;vertical-align:top;position:relative}.container .logo{width:300px;height:80px;position:absolute;top:0;left:0;z-index:1;text-align:center;border-bottom:1px solid #000;cursor:pointer}.container .logo .logo_img{width:100%;height:100%}.window img.category{position:relative;top:0;left:0;width:90px;height:168px}.window .title{height:45px;top:80px;padding-top:5px;padding-right:3px;font-weight:bolder}.window .details,.window .title{width:205px;position:absolute;left:95px;padding-left:3px}.window .details{height:30px;top:135px}.window .details .company{float:right;padding-right:3px}.window .details .location{float:left}.window .description{top:80px;padding:5px 10px;height:100%}.window .back .gradient,.window .description{position:absolute;left:0;cursor:pointer;width:100%}.window .back .gradient{bottom:0;height:80px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0)}.window .aside{width:90px;height:180px;position:absolute;top:80px;left:0}.window .salary{width:200px;top:175px}.window .salary,.window .type{height:40px;position:absolute;left:100px}.window .type{width:100px;top:225px;font-weight:bolder;font-size:14px}.window .newJob{position:absolute;top:227px;left:40px;display:block}.window .newJob span{font-style:italic;font-size:90%;font-weight:700;padding:3px 6px;-webkit-border-radius:6px 0 0 0;-moz-border-radius:6px 0 0 0;border-radius:6px 0 0 0}.window .see{width:100px;height:40px;position:absolute;top:210px;left:200px;cursor:pointer;vertical-align:middle;padding:2%}.window .see button{width:100%;height:100%;border:0;cursor:pointer;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-weight:bolder}.window .link{width:300px;height:250px;top:0;left:0;z-index:4;opacity:0}.window .link,a.right-arrow{position:absolute;cursor:pointer}a.right-arrow{text-decoration:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:30px;width:30px;top:155px;left:265px;opacity:.4;z-index:5}a.right-arrow:hover{opacity:.8}a.right-arrow:after{content:"\276F";display:block;color:#fff;font-weight:700;font-size:20px;text-align:center}a.left-arrow{text-decoration:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:30px;width:30px;position:absolute;top:155px;left:5px;cursor:pointer;opacity:.4;z-index:5}a.left-arrow:hover{opacity:.8}a.left-arrow:after{content:"\276E";display:block;color:#fff;font-weight:700;font-size:20px;text-align:center}.window{-webkit-perspective:680px;-moz-perspective:680px;perspective:680px}.window:hover .back.translate{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.window:hover .front.translate{-webkit-transform:translateX(-300px);-moz-transform:translateX(-300px);-ms-transform:translateX(-300px);-o-transform:translateX(-300px);transform:translateX(-300px)}.window:hover .back.rotate{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg)}.window:hover .front.rotate{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}.back,.flipper,.front{width:300px;height:250px}.flipper{position:relative}.back,.flipper,.front{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.back,.front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;position:absolute;top:0;left:0}.front.translate{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.back.translate{-webkit-transform:translateX(300px);-moz-transform:translateX(300px);-ms-transform:translateX(300px);-o-transform:translateX(300px);transform:translateX(300px)}.front.rotate{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg)}.back.rotate{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg)}