@charset "utf-8";

.btn { width: 100%; float: left; position: absolute; }

.btn .ileri {width: 11px;height: 19px;background: url('../images/slsag.png') no-repeat;right: 10px;position: absolute;top: 82px;background-size: contain;}

.btn .geri {width: 11px;height: 19px;background: url('../images/slsol.png') no-repeat;left: 10px;position: absolute;top: 82px;background-size: contain;}

.carom .btn .ileri, .carom .btn .geri { width: 20px; height: 23px; top: 20px; z-index: 5; }

.carom .btn .ileri { background: url(../images/ysag.png) no-repeat center center #929292; right: 11px; }

.carom .btn .geri { background: url(../images/ysol.png) no-repeat center center #929292; }

.bayCaro .ileri, .bayCaro .geri { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; opacity: 1; }
.bayCaro .ileri:hover, .bayCaro .geri:hover { opacity: 0.4; }
.bayCaro .resim { transition: background .4s; -webkit-transition: background .4s; -moz-transition: background .4s; -o-transition: background .4s; opacity: 1; box-sizing: border-box; border: solid 1px #e3e3e3; padding: 1px; background-origin: border-box !important; }
.bayCaro .carom { width: 100%; float: left; position: relative; }
.bayCaro ul li a { border: solid 1px #e3e3e3; background: #fff; }

.bayCaro ul { padding: 0px; margin: 0px; }

.wrap ul li a.active { border: solid 1px #BABABA; }

#bayCaro * { }

.yukle { width: 100%; height: 100%; position: absolute; background: #FFFFFF url(../images/495.GIF) no-repeat center center; z-index: 99999; }

.buyutWrap { width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.78); z-index: 9999999; display: none; left: 0px; top: 0px; }
.buyuImg, .buyuImg .resim { width: auto; height: auto; position: relative; float: left; }
.buyuImg img { min-width: 0px; min-height: 0px; float: left; -webkit-box-shadow: 0px 0px 28px 5px rgba(0,0,0,0.48); -moz-box-shadow: 0px 0px 28px 5px rgba(0,0,0,0.48); box-shadow: 0px 0px 28px 5px rgba(0,0,0,0.48); }
.byKpt { width: 30px; height: 30px; position: absolute; right: 10px; top: 10px; background: url(../images/bykpt.png) no-repeat; background-size: cover; z-index: 9999; }
.ekle { overflow: hidden; }

.byksol { width: 26px; height: 46px; position: absolute; background: url(../images/byksol.png) no-repeat; left: 0px; top: calc(50% - 23px); }
.byksag { width: 26px; height: 46px; position: absolute; background: url(../images/byksag.png) no-repeat; right: 0px; top: calc(50% - 23px); }

.bayCaro .resim .arrow { width: auto; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, -50%); }
.bayCaro .resim .arrow a { width: 13px; height: 13px; float: left; background: #d1c65c; margin-right: 4px; border-radius: 15px; }
.bayCaro .resim .arrow a:last-child { margin-bottom: 0px; }
.bayCaro .resim .arrow a.active { background: #555; }